/**
* 根据app_id进行UI适配
*/

.aweme .sort {
    color: #fe2c55;
}

.aweme .button-refresh {
    color: #fe2c55;
}

.aweme .button-refresh .icon {
    fill: #fe2c55;
}

.aweme .point-area {
    background: #fe2c55;
}

.aweme .button-submit {
    background: #fe2c55;
}

.aweme .validate-pass {
    background: #7ed321;
}

.aweme .validate-fail {
    background: #7ed321;
}

.hotsoon .sort {
    color: #ff4e33;
}

.hotsoon .button-refresh {
    color: #ff4e33;
}

.hotsoon .button-refresh .icon {
    fill: #ff4e33;
}

.hotsoon .point-area {
    background: #ff4e33;
}

.hotsoon .button-submit {
    background: #ff4e33;
}

.menu-box--2twTX {
    height: 100%;
    overflow-y: auto;
}

.menu--3Wzmq {
    width: 320px;
    background-color: #fff;
    flex: 0 0 auto;
    border-radius: 8px;
    position: fixed;
    height: calc(100% - 120px);
    z-index: 1;
}

.card-container--PElJF {
    flex: 1;
    margin-left: 320px;
    padding-left: 20px;
    height: 100%;
}

.micro--2kLg8 {
    font-size: 14px;
    min-height: 845px;
    background-color: #fff;
    border-radius: 8px;
}

.creator-container.has-sidebar,
.creator-container > .semi-layout {
    height: initial !important;
    min-height: 100vh;
}

.creator-container.has-sidebar > .semi-layout > .semi-layout .semi-layout-sider {
    position: fixed;
    top: 84px;
    z-index: 100;
}

.creator-container.has-sidebar > .semi-layout > .semi-layout .semi-layout-content {
    margin-top: 104px;
    margin-left: 260px;
}

.creator-header {
    z-index: 999 !important;
    position: fixed !important;
    width: 100% !important;
}

.semi-button-with-icon.just-icon {
    top: 18px;
}

.semi-button {
    margin-right: 8px;
}

.semi-modal-body-wrapper > .semi-button-with-icon-only {
    margin-right: 0;
}

.sub-title-global {
    font-size: 14px;
    line-height: 20px;
    color: #6b7075;
    margin: 0;
    margin-top: 4px;
}

.semi-select-open {
    border: 1px solid #2e78f1 !important;
}

.semi-select-option-list.semi-select-option-list-chosen {
    max-height: 250px !important;
}

.semi-modal-body .semi-input-wrapper-focus {
    border: 1px solid #0077fa !important;
}

.semi-avatar {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.semi-avatar .semi-avatar-label {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: 600;
}

.semi-avatar-content {
    position: absolute;
    user-select: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
}

.semi-avatar-extra-extra-small {
    width: 20px;
    height: 20px;
}

.semi-avatar-extra-extra-small .semi-avatar-content {
    transform-origin: center;
    transform: scale(0.8) translate(-62.5%, -62.5%);
}

.semi-avatar-extra-extra-small .semi-avatar-label {
    font-size: 10px;
    line-height: 15px;
}

.semi-avatar-extra-small {
    width: 24px;
    height: 24px;
}

.semi-avatar-extra-small .semi-avatar-content {
    transform-origin: center;
    transform: scale(0.8) translate(-62.5%, -62.5%);
}

.semi-avatar-extra-small .semi-avatar-label {
    font-size: 10px;
    line-height: 15px;
}

.semi-avatar-small {
    width: 32px;
    height: 32px;
}

.semi-avatar-small .semi-avatar-label {
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 18px;
    letter-spacing: 0px;
}

.semi-avatar-default {
    width: 40px;
    height: 40px;
}

.semi-avatar-default .semi-avatar-label {
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 24px;
    letter-spacing: 0px;
}

.semi-avatar-medium {
    width: 48px;
    height: 48px;
}

.semi-avatar-medium .semi-avatar-label {
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 28px;
    letter-spacing: 0px;
}

.semi-avatar-large {
    width: 72px;
    height: 72px;
}

.semi-avatar-large .semi-avatar-label {
    font-size: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 44px;
    letter-spacing: 0px;
}

.semi-avatar-extra-large {
    width: 128px;
    height: 128px;
}

.semi-avatar-extra-large .semi-avatar-label {
    font-size: 64px;
    line-height: 77px;
}

.semi-avatar-circle {
    border-radius: var(--border-radius-circle);
}

.semi-avatar-image {
    background-color: transparent;
}

.semi-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.semi-avatar-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.semi-banner {
    padding: 12px 12px;
}

.semi-banner-content-wrapper {
    display: flex;
    flex-direction: row;
}

.semi-banner-description {
    margin: 0;
}

.semi-banner .semi-banner-content-wrapper .semi-banner-content {
    display: flex;
    flex: 1;
    align-items: top;
}

.semi-banner-in-container {
    border-radius: var(--border-radius-small);
}

.semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body {
    flex: 1;
}

.semi-banner-in-container
    .semi-banner-content-wrapper
    .semi-banner-content-body
    .semi-banner-title
    + .semi-banner-description {
    margin-top: 2px;
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-content {
    justify-content: center;
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-icon,
.semi-banner-full .semi-banner-content-wrapper .semi-banner-content-body {
    display: flex;
    align-items: center;
}

.semi-banner-close {
    margin-left: 12px;
    height: 24px;
    width: 24px;
}

.semi-banner-extra {
    margin-top: 8px;
}

.semi-banner-icon {
    display: flex;
    margin-right: 12px;
}

.semi-banner-info {
    background-color: var(--color-info-light-default);
    color: var(--color-info);
}

.semi-banner-info.semi-banner-bordered {
    border: 1px solid var(--color-info);
}

.semi-banner-warning {
    background-color: var(--color-warning-light-default);
    color: var(--color-warning);
}

.semi-banner-warning.semi-banner-bordered {
    border: 1px solid var(--color-warning);
}

.semi-banner-success {
    background-color: var(--color-success-light-default);
    color: var(--color-success);
}

.semi-banner-success.semi-banner-bordered {
    border: 1px solid var(--color-success);
}

.semi-banner-danger {
    background-color: var(--color-danger-light-default);
    color: var(--color-danger);
}

.semi-banner-danger.semi-banner-bordered {
    border: 1px solid var(--color-danger);
}

.semi-rtl .semi-banner,
.semi-portal-rtl .semi-banner {
    direction: rtl;
}

.semi-rtl .semi-banner-close,
.semi-portal-rtl .semi-banner-close {
    margin-left: 0;
    margin-right: 12px;
    height: 24px;
    width: 24px;
}

.semi-rtl .semi-banner-icon,
.semi-portal-rtl .semi-banner-icon {
    margin-right: 0;
    margin-left: 12px;
}

.semi-typography {
    color: var(--color-text-0);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
}

.semi-typography.semi-typography-secondary {
    color: var(--color-text-1);
}

.semi-typography.semi-typography-tertiary {
    color: var(--color-text-2);
}

.semi-typography.semi-typography-quaternary {
    color: var(--color-text-3);
}

.semi-typography.semi-typography-warning {
    color: var(--color-warning);
}

.semi-typography.semi-typography-success {
    color: var(--color-success);
}

.semi-typography.semi-typography-danger {
    color: var(--color-danger);
}

.semi-typography.semi-typography-link {
    color: var(--color-link);
    font-weight: 600;
}

.semi-typography.semi-typography-disabled {
    color: var(--color-disabled-text);
    cursor: not-allowed;
    user-select: none;
}

.semi-typography.semi-typography-disabled.semi-typography-link {
    color: var(--color-link);
}

.semi-typography-icon {
    margin-right: 4px;
    vertical-align: middle;
    color: inherit;
}

.semi-typography-small {
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 18px;
    letter-spacing: 0px;
}

.semi-typography code {
    border: 1px solid var(--color-border);
    border-radius: 2px;
    color: var(--color-text-2);
    background-color: var(--color-fill-1);
    padding: 2px 4px;
}

.semi-typography mark {
    background-color: var(--color-primary-light-default);
}

.semi-typography u {
    text-decoration: underline;
    text-decoration-skip-ink: auto;
}

.semi-typography del {
    text-decoration: line-through;
}

.semi-typography strong {
    font-weight: 600;
}

.semi-typography a {
    display: inline;
    color: var(--color-link);
    cursor: pointer;
    text-decoration: none;
}

.semi-typography a:visited {
    color: var(--color-link-visited);
}

.semi-typography a:hover {
    color: var(--color-link-hover);
}

.semi-typography a:active {
    color: var(--color-link-active);
}

.semi-typography a .semi-typography-link-underline:hover {
    border-bottom: 1px solid var(--color-link-hover);
    margin-bottom: -1px;
}

.semi-typography a .semi-typography-link-underline:active {
    border-bottom: 1px solid var(--color-link-active);
    margin-bottom: -1px;
}

.semi-typography-ellipsis-single-line {
    overflow: hidden;
}

.semi-typography-ellipsis-multiple-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.semi-typography-ellipsis-overflow-ellipsis {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.semi-typography-ellipsis-expand {
    display: inline;
    margin-left: 8px;
}

.semi-typography-action-copy {
    display: inline-flex;
    vertical-align: text-bottom;
    padding: 0;
    margin-left: 4px;
}

.semi-typography a.semi-typography-action-copy-icon {
    display: inline-flex;
}

.semi-typography-action-copied {
    display: inline-flex;
    padding: 0;
    margin-left: 4px;
    color: var(--color-text-2);
}

.semi-typography-action-copied .semi-icons {
    vertical-align: text-bottom;
    color: var(--color-success);
}

.semi-typography-paragraph {
    margin: 0;
}

h1.semi-typography,
.semi-typography-h1.semi-typography {
    font-size: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 44px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0;
}

h2.semi-typography,
.semi-typography-h2.semi-typography {
    font-size: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0;
}

h3.semi-typography,
.semi-typography-h3.semi-typography {
    font-size: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 32px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0;
}

h4.semi-typography,
.semi-typography-h4.semi-typography {
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0;
}

h5.semi-typography,
.semi-typography-h5.semi-typography {
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0;
}

h6.semi-typography,
.semi-typography-h6.semi-typography {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0;
}

p.semi-typography-extended,
.semi-typography-paragraph.semi-typography-extended {
    line-height: 24px;
}

.semi-rtl .semi-typography,
.semi-portal-rtl .semi-typography {
    direction: rtl;
}

.semi-rtl .semi-typography-link a,
.semi-rtl .semi-typography a,
.semi-portal-rtl .semi-typography-link a,
.semi-portal-rtl .semi-typography a {
    display: inline-block;
}

.semi-rtl .semi-typography-icon,
.semi-portal-rtl .semi-typography-icon {
    margin-right: auto;
    margin-left: 4px;
}

.semi-rtl .semi-typography-ellipsis-expand,
.semi-portal-rtl .semi-typography-ellipsis-expand {
    margin-left: auto;
}

.semi-rtl .semi-typography-action-copy,
.semi-portal-rtl .semi-typography-action-copy {
    margin-left: auto;
    margin-right: 4px;
}

.semi-rtl .semi-typography-action-copied,
.semi-portal-rtl .semi-typography-action-copied {
    margin-left: auto;
    margin-right: 4px;
}

.semi-portal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.semi-portal-inner {
    position: absolute;
    background-color: transparent;
    min-width: fit-content;
}

@keyframes semi-tooltip-zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8, 0.8);
    }

    50% {
        opacity: 1;
    }
}

@keyframes semi-tooltip-bounceIn {
    from {
        opacity: 0;
        transform: scale(0.6, 0.6);
    }

    70% {
        opacity: 1;
        transform: scale(1.01, 1.01);
    }

    to {
        opacity: 1;
        transform: scale(1, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
}

@keyframes semi-tooltip-zoomOut {
    from {
        opacity: 1;
    }

    60% {
        opacity: 0;
        transform: scale(0.8, 0.8);
    }

    to {
        opacity: 0;
    }
}

.semi-tooltip-wrapper {
    position: relative;
    background-color: rgba(var(--grey-7), 1);
    color: var(--color-bg-0);
    border-radius: var(--border-radius-medium);
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    font-size: 14px;
    left: 0;
    top: 0;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    visibility: hidden;
    max-width: 240px;
}

.semi-tooltip-wrapper-show {
    visibility: visible;
}

.semi-tooltip-trigger {
    display: inline-block;
    width: auto;
    height: auto;
}

.semi-tooltip-with-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
    height: 7px;
    width: 24px;
    position: absolute;
    color: rgba(var(--grey-7), 1);
}

.semi-tooltip-wrapper[x-placement="top"] .semi-tooltip-icon-arrow {
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
}

.semi-tooltip-wrapper[x-placement="top"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="top"] .semi-tooltip-with-arrow {
    min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="topLeft"] .semi-tooltip-icon-arrow {
    bottom: -6px;
    left: 6px;
}

.semi-tooltip-wrapper[x-placement="topLeft"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="topLeft"] .semi-tooltip-with-arrow {
    min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="topRight"] .semi-tooltip-icon-arrow {
    bottom: -6px;
    right: 6px;
}

.semi-tooltip-wrapper[x-placement="topRight"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="topRight"] .semi-tooltip-with-arrow {
    min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="leftTop"] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    top: 5px;
}

.semi-tooltip-wrapper[x-placement="leftTop"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="leftTop"] .semi-tooltip-with-arrow {
    min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="left"] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
}

.semi-tooltip-wrapper[x-placement="left"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="left"] .semi-tooltip-with-arrow {
    min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="leftBottom"] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    bottom: 5px;
}

.semi-tooltip-wrapper[x-placement="leftBottom"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="leftBottom"] .semi-tooltip-with-arrow {
    min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="rightTop"] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    top: 5px;
    transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="rightTop"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="rightTop"] .semi-tooltip-with-arrow {
    min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="right"] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="right"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="right"] .semi-tooltip-with-arrow {
    min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="rightBottom"] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    bottom: 5px;
    transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="rightBottom"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="rightBottom"] .semi-tooltip-with-arrow {
    min-height: 34px;
}

.semi-tooltip-wrapper[x-placement="bottomLeft"] .semi-tooltip-icon-arrow {
    top: -6px;
    left: 6px;
    transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="bottomLeft"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="bottomLeft"] .semi-tooltip-with-arrow {
    min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="bottom"] .semi-tooltip-icon-arrow {
    top: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="bottom"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="bottom"] .semi-tooltip-with-arrow {
    min-width: 36px;
}

.semi-tooltip-wrapper[x-placement="bottomRight"] .semi-tooltip-icon-arrow {
    right: 6px;
    top: -6px;
    transform: rotate(180deg);
}

.semi-tooltip-wrapper[x-placement="bottomRight"].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement="bottomRight"] .semi-tooltip-with-arrow {
    min-width: 36px;
}

.semi-rtl .semi-tooltip-wrapper,
.semi-portal-rtl .semi-tooltip-wrapper {
    direction: rtl;
    padding-right: 12px;
    padding-left: 12px;
    left: auto;
    right: 0;
}

.semi-popover-wrapper {
    position: relative;
    background-color: var(--color-bg-3);
    box-shadow: 0px 2px 16px 0px var(--color-shadow);
    z-index: 1030;
    border-radius: var(--border-radius-medium);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    visibility: hidden;
}

.semi-popover-wrapper-show {
    visibility: visible;
}

.semi-popover-trigger {
    display: inline-block;
    width: auto;
    height: auto;
}

.semi-popover-title {
    padding: 8px;
    border-bottom: 1px solid var(--color-border);
}

.semi-popover-confirm {
    position: absolute;
}

.semi-popover-with-arrow {
    padding: 12px;
    box-sizing: border-box;
}

.semi-popover-wrapper .semi-popover-icon-arrow {
    height: 8px;
    width: 24px;
    position: absolute;
    color: unset;
}

.semi-popover-wrapper[x-placement="top"] .semi-popover-icon-arrow {
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
}

.semi-popover-wrapper[x-placement="top"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="top"] .semi-popover-with-arrow {
    min-width: 36px;
}

.semi-popover-wrapper[x-placement="topLeft"] .semi-popover-icon-arrow {
    bottom: -7px;
    left: 6px;
}

.semi-popover-wrapper[x-placement="topLeft"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="topLeft"] .semi-popover-with-arrow {
    min-width: 36px;
}

.semi-popover-wrapper[x-placement="topRight"] .semi-popover-icon-arrow {
    bottom: -7px;
    right: 6px;
}

.semi-popover-wrapper[x-placement="topRight"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="topRight"] .semi-popover-with-arrow {
    min-width: 36px;
}

.semi-popover-wrapper[x-placement="leftTop"] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    top: 6px;
}

.semi-popover-wrapper[x-placement="leftTop"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="leftTop"] .semi-popover-with-arrow {
    min-height: 36px;
}

.semi-popover-wrapper[x-placement="left"] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
}

.semi-popover-wrapper[x-placement="left"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="left"] .semi-popover-with-arrow {
    min-height: 36px;
}

.semi-popover-wrapper[x-placement="leftBottom"] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    bottom: 6px;
}

.semi-popover-wrapper[x-placement="leftBottom"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="leftBottom"] .semi-popover-with-arrow {
    min-height: 36px;
}

.semi-popover-wrapper[x-placement="rightTop"] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    top: 6px;
    transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="rightTop"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="rightTop"] .semi-popover-with-arrow {
    min-height: 36px;
}

.semi-popover-wrapper[x-placement="right"] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.semi-popover-wrapper[x-placement="right"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="right"] .semi-popover-with-arrow {
    min-height: 36px;
}

.semi-popover-wrapper[x-placement="rightBottom"] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    bottom: 6px;
    transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="rightBottom"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="rightBottom"] .semi-popover-with-arrow {
    min-height: 36px;
}

.semi-popover-wrapper[x-placement="bottomLeft"] .semi-popover-icon-arrow {
    top: -7px;
    left: 6px;
    transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="bottomLeft"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="bottomLeft"] .semi-popover-with-arrow {
    min-width: 36px;
}

.semi-popover-wrapper[x-placement="bottom"] .semi-popover-icon-arrow {
    top: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.semi-popover-wrapper[x-placement="bottom"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="bottom"] .semi-popover-with-arrow {
    min-width: 36px;
}

.semi-popover-wrapper[x-placement="bottomRight"] .semi-popover-icon-arrow {
    right: 6px;
    top: -7px;
    transform: rotate(180deg);
}

.semi-popover-wrapper[x-placement="bottomRight"].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement="bottomRight"] .semi-popover-with-arrow {
    min-width: 36px;
}

.semi-popover.semi-popover-rtl {
    direction: rtl;
}

.semi-breadcrumb {
    overflow: hidden;
}

.semi-breadcrumb-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.semi-breadcrumb-wrapper-loose {
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
}

.semi-breadcrumb-wrapper-compact {
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 18px;
    letter-spacing: 0px;
}

.semi-breadcrumb-item-wrap {
    display: inline-flex;
    align-items: center;
    margin: 4px 0;
    margin-right: 4px;
}

.semi-breadcrumb-item {
    display: inline;
    margin-right: 4px;
    color: var(--color-text-2);
    font-weight: 400;
}

.semi-breadcrumb-item .semi-typography {
    color: inherit;
}

.semi-breadcrumb-item-title-inline {
    display: inline-flex;
}

.semi-breadcrumb-item-active {
    color: var(--color-text-0);
    font-weight: 600;
}

.semi-breadcrumb-item-active:hover,
.semi-breadcrumb-item-active:active {
    border: none;
    margin-bottom: 0px;
    color: var(--color-text-0);
    cursor: default;
}

.semi-breadcrumb-item-icon {
    margin-bottom: -1px;
}

.semi-breadcrumb-item-more svg {
    vertical-align: middle;
}

.semi-breadcrumb-item-icon + .semi-breadcrumb-item-title {
    margin-left: 4px;
}

.semi-breadcrumb-item-link {
    text-decoration: inherit;
}

.semi-breadcrumb-item-link:hover {
    color: var(--color-link);
    cursor: pointer;
}

.semi-breadcrumb-item-link:active {
    color: var(--color-link-hover);
    cursor: pointer;
}

.semi-breadcrumb-collapse {
    display: inline-flex;
    flex-shrink: 0;
}

.semi-breadcrumb-separator {
    display: flex;
    color: var(--color-text-2);
}

.semi-breadcrumb-restItem {
    color: var(--color-text-2);
    margin-right: 8px;
}

.semi-rtl .semi-breadcrumb-wrapper,
.semi-portal-rtl .semi-breadcrumb-wrapper {
    direction: rtl;
}

.semi-rtl .semi-breadcrumb-item-wrap,
.semi-portal-rtl .semi-breadcrumb-item-wrap {
    margin-right: 0;
    margin-left: 4px;
}

.semi-rtl .semi-breadcrumb-item,
.semi-portal-rtl .semi-breadcrumb-item {
    margin-right: 0;
    margin-left: 4px;
}

.semi-rtl .semi-breadcrumb-restItem,
.semi-portal-rtl .semi-breadcrumb-restItem {
    margin-right: 0;
    margin-left: 8px;
}

.semi-rtl .semi-breadcrumb-item-icon + .semi-breadcrumb-item-title,
.semi-portal-rtl .semi-breadcrumb-item-icon + .semi-breadcrumb-item-title {
    margin-left: 0;
    margin-right: 4px;
    display: inline-block;
}

@keyframes semi-input-active {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0.97);
    }
}

@keyframes semi-input-inactive {
    from {
        transform: scale(0.97);
    }

    to {
        transform: scale(1);
    }
}

.semi-input-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-shadow: none;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    background-color: var(--color-fill-0);
    border: 1px transparent solid;
    border-radius: var(--border-radius-small);
    width: 100%;
    outline: none;
    cursor: text;
    box-sizing: border-box;
    color: var(--color-text-0);
}

.semi-input-wrapper-default {
    height: 32px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    line-height: 30px;
}

.semi-input-wrapper-small {
    height: 24px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 22px;
    letter-spacing: 0px;
    line-height: 22px;
}

.semi-input-wrapper-large {
    height: 40px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 22px;
    letter-spacing: 0px;
    line-height: 38px;
}

.semi-input-wrapper:hover {
    background-color: var(--color-fill-1);
}

.semi-input-wrapper-focus {
    background-color: var(--color-fill-0);
    border: var(--color-focus-border) solid 1px;
}

.semi-input-wrapper-focus:hover {
    background-color: var(--color-fill-0);
}

.semi-input-wrapper-focus:active {
    background-color: var(--color-fill-0);
}

.semi-input-wrapper.semi-input-readonly {
    cursor: default;
}

.semi-input-wrapper-error {
    background-color: var(--color-danger-light-default);
    border-color: var(--color-danger-light-default);
}

.semi-input-wrapper-error:hover {
    background-color: var(--color-danger-light-hover);
    border-color: var(--color-danger-light-hover);
}

.semi-input-wrapper-error.semi-input-wrapper-focus {
    background-color: var(--color-danger-light-default);
    border-color: var(--color-danger);
}

.semi-input-wrapper-warning {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default);
}

.semi-input-wrapper-warning:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover);
}

.semi-input-wrapper-warning.semi-input-wrapper-focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning);
}

.semi-input-wrapper__with-prefix {
    display: inline-flex;
    align-items: center;
}

.semi-input-wrapper__with-prefix .semi-input {
    padding-left: 0;
}

.semi-input-wrapper__with-suffix {
    display: inline-flex;
    align-items: center;
}

.semi-input-wrapper__with-suffix .semi-input {
    padding-right: 0;
}

.semi-input-wrapper-clearable,
.semi-input-wrapper-modebtn {
    display: inline-flex;
    align-items: center;
}

.semi-input-wrapper-hidden {
    border: none;
}

.semi-input-wrapper .semi-icons {
    color: var(--color-text-2);
}

.semi-input-wrapper .semi-input-clearbtn,
.semi-input-wrapper .semi-input-modebtn {
    color: var(--color-primary-hover);
}

.semi-input-wrapper .semi-input-clearbtn > svg,
.semi-input-wrapper .semi-input-modebtn > svg {
    pointer-events: none;
}

.semi-input-wrapper .semi-input-clearbtn:hover,
.semi-input-wrapper .semi-input-modebtn:hover {
    cursor: pointer;
}

.semi-input-wrapper .semi-input-clearbtn:hover .semi-icons,
.semi-input-wrapper .semi-input-modebtn:hover .semi-icons {
    color: var(--color-primary-hover);
}

.semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden)
    .semi-input-clearbtn {
    min-width: 24px;
    justify-content: flex-end;
}

.semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
    min-width: 16px;
    justify-content: center;
}

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
    border-right-style: none;
    border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
    border-right-style: none;
    border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend,
.semi-input-wrapper.semi-input-wrapper__with-append {
    display: inline-flex;
    align-items: center;
    background-color: transparent;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend:hover,
.semi-input-wrapper.semi-input-wrapper__with-append:hover {
    background-color: transparent;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
    border: 1px transparent solid;
    background-color: transparent;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
    background-color: var(--color-fill-0);
    border: 1px transparent solid;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
    background-color: var(--color-fill-1);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
    background-color: var(--color-fill-1);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
    border: 1px var(--color-focus-border) solid;
    background-color: var(--color-fill-0);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
    border-right-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend
    .semi-input:focus.semi-input-sibling-modebtn
    + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append
    .semi-input:focus.semi-input-sibling-modebtn
    + .semi-input-clearbtn {
    border-right-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
    box-sizing: border-box;
    background-color: var(--color-fill-0);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
    border: 1px var(--color-focus-border) solid;
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
    border-left-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child),
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
    border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
    border: 1px var(--color-focus-border) solid;
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
    border-left-style: none;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child),
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
    border-radius: 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
    background-color: var(--color-fill-0);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
    border-color: transparent;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input {
    background-color: var(--color-danger-light-default);
    border-color: var(--color-danger-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover {
    background-color: var(--color-danger-light-hover);
    border-color: var(--color-danger-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn {
    background-color: var(--color-danger-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus {
    background-color: var(--color-danger-light-default);
    border-color: var(--color-danger);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn {
    background-color: var(--color-danger-light-default);
    border-color: var(--color-danger);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover {
    background-color: var(--color-danger-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
    border-color: transparent;
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning
    .semi-input:hover
    + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn {
    background-color: var(--color-warning-light-hover);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning
    .semi-input:focus
    + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover {
    background-color: var(--color-warning-light-default);
}

.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child,
.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.semi-input-wrapper-disabled {
    cursor: not-allowed;
    color: var(--color-disabled-text);
    background-color: var(--color-disabled-fill);
}

.semi-input-wrapper-disabled:hover {
    background-color: var(--color-disabled-fill);
}

.semi-input-wrapper-disabled .semi-input-append,
.semi-input-wrapper-disabled .semi-input-prepend,
.semi-input-wrapper-disabled .semi-input-suffix,
.semi-input-wrapper-disabled .semi-input-prefix,
.semi-input-wrapper-disabled .semi-icons {
    color: var(--color-disabled-text);
}

.semi-input {
    border: none;
    outline: none;
    width: 100%;
    color: inherit;
    padding-left: 12px;
    padding-right: 12px;
    background-color: transparent;
    box-sizing: border-box;
}

.semi-input::placeholder {
    color: var(--color-text-2);
}

.semi-input-large {
    height: 38px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 22px;
    letter-spacing: 0px;
    line-height: 38px;
}

.semi-input-small {
    height: 22px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    line-height: 22px;
}

.semi-input-default {
    height: 30px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    line-height: 30px;
}

.semi-input-disabled {
    cursor: not-allowed;
    color: inherit;
}

.semi-input-inset-label {
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    color: var(--color-text-2);
    flex-shrink: 0;
    white-space: nowrap;
}

.semi-input-prefix,
.semi-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center;
}

.semi-input-prefix-text,
.semi-input-suffix-text {
    margin: 0 12px;
    color: var(--color-text-2);
    font-weight: 600;
    white-space: nowrap;
}

.semi-input-prefix-icon,
.semi-input-suffix-icon {
    color: var(--color-text-2);
    margin: 0 8px;
}

.semi-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center;
}

.semi-input-clearbtn,
.semi-input-modebtn {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    min-width: 32px;
}

.semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-text {
    margin-left: 0;
}

.semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-icon {
    margin-left: 0;
}

.semi-input-suffix-hidden {
    display: none;
}

.semi-input-prepend,
.semi-input-append {
    height: 100%;
    display: flex;
    align-items: center;
    background-color: var(--color-fill-0);
    color: var(--color-text-2);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    flex-shrink: 0;
}

.semi-input-prepend-icon,
.semi-input-prepend-text,
.semi-input-append-icon,
.semi-input-append-text {
    padding: 0 12px;
}

.semi-input-append {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
    border-left: 1px transparent solid;
}

.semi-input-prepend {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
    border-right: 1px transparent solid;
}

.semi-input-disabled::placeholder {
    color: var(--color-disabled-text);
}

.semi-input-group {
    display: inline-flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.semi-input-group .semi-select,
.semi-input-group .semi-cascader,
.semi-input-group .semi-tree-select,
.semi-input-group > .semi-input-wrapper {
    border-radius: 0;
}

.semi-input-group .semi-select:first-child,
.semi-input-group .semi-cascader:first-child,
.semi-input-group .semi-tree-select:first-child,
.semi-input-group > .semi-input-wrapper:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.semi-input-group .semi-select:last-child,
.semi-input-group .semi-cascader:last-child,
.semi-input-group .semi-tree-select:last-child,
.semi-input-group > .semi-input-wrapper:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.semi-input-group .semi-select:not(:last-child),
.semi-input-group .semi-cascader:not(:last-child),
.semi-input-group .semi-tree-select:not(:last-child),
.semi-input-group > .semi-input-wrapper:not(:last-child) {
    position: relative;
}

.semi-input-group .semi-select:not(:last-child)::after,
.semi-input-group .semi-cascader:not(:last-child)::after,
.semi-input-group .semi-tree-select:not(:last-child)::after,
.semi-input-group > .semi-input-wrapper:not(:last-child)::after {
    content: "";
    background-color: var(--color-border);
    width: 1px;
    position: absolute;
    right: -1px;
    top: 1px;
    bottom: 1px;
}

.semi-input-group .semi-input-number,
.semi-input-group .semi-datepicker,
.semi-input-group .semi-autocomplete {
    border-radius: 0;
}

.semi-input-group .semi-input-number .semi-datepicker-range-input,
.semi-input-group .semi-datepicker .semi-datepicker-range-input,
.semi-input-group .semi-autocomplete .semi-datepicker-range-input {
    border-radius: 0;
}

.semi-input-group .semi-input-number:first-child .semi-input-wrapper,
.semi-input-group .semi-input-number:first-child .semi-datepicker-range-input,
.semi-input-group .semi-datepicker:first-child .semi-input-wrapper,
.semi-input-group .semi-datepicker:first-child .semi-datepicker-range-input,
.semi-input-group .semi-autocomplete:first-child .semi-input-wrapper,
.semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}

.semi-input-group .semi-input-number:last-child .semi-input-wrapper,
.semi-input-group .semi-input-number:last-child .semi-datepicker-range-input,
.semi-input-group .semi-datepicker:last-child .semi-input-wrapper,
.semi-input-group .semi-datepicker:last-child .semi-datepicker-range-input,
.semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,
.semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

.semi-input-group .semi-input-number:not(:last-child),
.semi-input-group .semi-datepicker:not(:last-child),
.semi-input-group .semi-autocomplete:not(:last-child) {
    position: relative;
}

.semi-input-group .semi-input-number:not(:last-child)::after,
.semi-input-group .semi-datepicker:not(:last-child)::after,
.semi-input-group .semi-autocomplete:not(:last-child)::after {
    content: "";
    background-color: var(--color-border);
    width: 1px;
    position: absolute;
    right: -1px;
    top: 1px;
    bottom: 1px;
}

.semi-input-group-wrapper-with-top-label {
    margin-top: 16px;
    margin-bottom: 16px;
}

.semi-input-group-wrapper-with-top-label .semi-input-group {
    display: flex;
}

.semi-input-group-wrapper-with-top-label .semi-input-group .semi-form-field {
    margin-top: 0;
    margin-bottom: 0;
}

.semi-rtl .semi-input-wrapper,
.semi-portal-rtl .semi-input-wrapper {
    direction: rtl;
}

.semi-rtl .semi-input-wrapper__with-prefix .semi-input,
.semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
    padding-left: auto;
    padding-right: 0;
}

.semi-rtl .semi-input-wrapper__with-suffix .semi-input,
.semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
    padding-right: auto;
    padding-left: 0;
}

.semi-rtl .semi-input,
.semi-portal-rtl .semi-input {
    padding-left: 12px;
    padding-right: 12px;
}

.semi-rtl .semi-input-inset-label,
.semi-portal-rtl .semi-input-inset-label {
    margin-right: auto;
    margin-left: 12px;
}

.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
.semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
.semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
.semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text {
    margin-left: auto;
    margin-right: 0;
}

.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
    margin-left: auto;
    margin-right: 0;
}

.semi-rtl .semi-input-append,
.semi-portal-rtl .semi-input-append {
    border-left: 0;
    border-right: 1px transparent solid;
}

.semi-rtl .semi-input-prepend,
.semi-portal-rtl .semi-input-prepend {
    border-right: 0;
    border-left: 1px transparent solid;
}

.semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
.semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
.semi-rtl .semi-input-group .semi-tree-select:not(:last-child)::after,
.semi-rtl .semi-input-group > .semi-input-wrapper:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-select:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child)::after,
.semi-portal-rtl .semi-input-group > .semi-input-wrapper:not(:last-child)::after {
    right: auto;
    left: -1px;
}

.semi-rtl .semi-input-group .semi-input-number:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child)::after {
    right: auto;
    left: -1px;
}

.semi-rtl .semi-input-textarea-wrapper,
.semi-portal-rtl .semi-input-textarea-wrapper {
    direction: rtl;
}

.semi-rtl .semi-input-textarea-counter,
.semi-portal-rtl .semi-input-textarea-counter {
    text-align: left;
}

.semi-rtl .semi-input-textarea-showClear,
.semi-portal-rtl .semi-input-textarea-showClear {
    padding-right: 0;
    padding-left: 36px;
}

@keyframes semi-animation-rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.semi-spin {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.semi-spin-wrapper {
    text-align: center;
    position: absolute;
    width: 100%;
    transform: translate(0, -50%);
    top: 50%;
    color: var(--color-primary);
}

.semi-spin-wrapper > svg {
    animation: 0.6s linear infinite semi-animation-rotate;
    width: 20px;
    height: 20px;
}

.semi-spin-animate > svg {
    animation: 1.6s linear infinite semi-animation-rotate;
}

.semi-spin-children {
    opacity: 0.5;
    user-select: none;
}

.semi-spin-block {
    display: block;
}

.semi-spin-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.semi-spin-block .semi-spin-wrapper {
    display: block;
}

.semi-spin-block.semi-spin {
    height: auto;
    width: auto;
}

.semi-spin-hidden::after {
    content: none;
}

.semi-spin-hidden > .semi-spin-children {
    opacity: 1;
    user-select: auto;
}

.semi-spin-small {
    width: 14px;
    height: 14px;
}

.semi-spin-small > .semi-spin-wrapper svg {
    width: 14px;
    height: 14px;
}

.semi-spin-middle {
    width: 20px;
    height: 20px;
}

.semi-spin-middle > .semi-spin-wrapper svg {
    width: 20px;
    height: 20px;
}

.semi-spin-large {
    width: 32px;
    height: 32px;
}

.semi-spin-large > .semi-spin-wrapper svg {
    width: 32px;
    height: 32px;
}

.semi-spin-container {
    overflow: hidden;
}

.semi-rtl .semi-spin,
.semi-portal-rtl .semi-spin {
    direction: rtl;
}

.semi-rtl .semi-spin-container,
.semi-portal-rtl .semi-spin-container {
    direction: rtl;
}

.semi-checkbox {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
        sans-serif;
    line-height: 20px;
    letter-spacing: 0px;
    cursor: pointer;
}

.semi-checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
}

.semi-checkbox-addon {
    display: flex;
    flex: 1;
    align-items: center;
    padding-left: 8px;
    color: var(--color-text-0);
    line-height: 20px;
    user-select: none;
}

.semi-checkbox:hover .semi-checkbox-inner-display {
    background: var(--color-fill-0);
    box-shadow: inset 0 0 0 1px var(--color-focus-border);
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-hover);
    box-shadow: none;
}

.semi-checkbox:active .semi-checkbox-inner-display {
    background: var(--color-fill-1);
}

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-active);
    box-shadow: none;
}

.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display,
.semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
    background: var(--color-disabled-fill);
    box-shadow: inset 0 0 0 1px var(--color-border);
}

.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display,
.semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-disabled);
    box-shadow: none;
}

.semi-checkbox-inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 16px;
    height: 20px;
    user-select: none;
    cursor: pointer;
}

.semi-checkbox-inner-display {
    box-sizing: border-box;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0;
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--color-text-3);
    border-radius: var(--border-radius-extra-small);
}

.semi-checkbox-inner-display .semi-icons {
    width: 100%;
    height: 100%;
}

.semi-checkbox-inner-pureCardType {
    display: none;
}

.semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: inset 0 0 0 1px var(--color-primary);
    border-radius: var(--border-radius-extra-small);
}

.semi-checkbox-inner-checked > .semi-checkbox-addon {
    color: var(--color-text-0);
}

.semi-checkbox:hover .semi-checkbox-inner-display {
    background: var(--color-fill-0);
}

.semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--color-primary-hover);
    box-shadow: none;
    color: var(--color-white);
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-white);
}

.semi-checkbox:hover.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_unDisabled
    .semi-checkbox-inner-display {
    background: var(--color-white);
}

.semi-checkbox:active .semi-checkbox-inner-display {
    background: var(--color-fill-1);
}

.semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-white);
    box-shadow: none;
}

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-white);
}

.semi-checkbox:active.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_unDisabled
    .semi-checkbox-inner-display {
    background: var(--color-white);
}

.semi-checkbox-cardType {
    flex-wrap: nowrap;
    align-items: flex-start;
    border-radius: 3px;
    padding: 12px 16px;
    background: transparent;
    border: 1px solid transparent;
}

.semi-checkbox-cardType .semi-checkbox-inner {
    position: relative;
    margin-right: 8px;
    flex-shrink: 0;
}

.semi-checkbox-cardType .semi-checkbox-inner-display {
    background: var(--color-white);
}

.semi-checkbox-cardType .semi-checkbox-addon {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-0);
    margin-left: 0;
    padding-left: 0;
}

.semi-checkbox-cardType .semi-checkbox-extra {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-2);
    padding-left: 0;
}

.semi-checkbox-cardType .semi-checkbox-extra.semi-checkbox-cardType_extra_noChildren {
    margin-top: 0;
}

.semi-checkbox-cardType:hover {
    background: var(--color-fill-0);
}

.semi-checkbox-cardType:active {
    background: var(--color-fill-1);
}

.semi-checkbox-cardType_checked {
    background: var(--color-primary-light-default);
    border: 1px solid var(--color-primary);
}

.semi-checkbox-cardType_checked:hover {
    background: var(--color-primary-light-default);
    border-color: var(--color-primary-hover);
}

.semi-checkbox-cardType_checked:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    box-shadow: none;
}

.semi-checkbox-cardType_checked:active {
    background: var(--color-primary-light-default);
    border-color: var(--color-primary-active);
}

.semi-checkbox-cardType_disabled:active {
    background: transparent;
}

.semi-checkbox-cardType_disabled:hover {
    background: transparent;
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType {
    background: var(--color-primary-light-default);
    border: 1px solid var(--color-primary-disabled);
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType:hover
    .semi-checkbox-inner-checked
    .semi-checkbox-inner-display {
    box-shadow: none;
}

.semi-checkbox-indeterminate .semi-checkbox-inner-display,
.semi-checkbox-checked .semi-checkbox-inner-display {
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: inset 0 0 0 1px var(--color-primary);
    border-radius: var(--border-radius-extra-small);
}

.semi-checkbox-indeterminate .semi-checkbox-inner-display:hover,
.semi-checkbox-checked .semi-checkbox-inner-display:hover {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-white);
}

.semi-checkbox-indeterminate .semi-checkbox-inner-display:active,
.semi-checkbox-checked .semi-checkbox-inner-display:active {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-white);
}

.semi-checkbox-indeterminate .semi-checkbox-inner-addon,
.semi-checkbox-checked .semi-checkbox-inner-addon {
    color: var(--color-text-0);
}

.semi-checkbox-disabled {
    cursor: not-allowed;
}

.semi-checkbox-disabled .semi-checkbox-inner {
    cursor: not-allowed;
}

.semi-checkbox-disabled .semi-checkbox-inner-display {
    color: var(--color-white);
    background: var(--color-disabled-fill);
    box-shadow: inset 0 0 0 1px var(--color-border);
}

.semi-checkbox-disabled .semi-checkbox-inner-display:hover {
    color: var(--color-white);
    background: transparent;
}

.semi-checkbox-disabled .semi-checkbox-inner-checked {
    color: var(--color-white);
}

.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    opacity: 0.75;
    background: var(--color-primary-disabled);
    box-shadow: inset 0 0 0 1px var(--color-primary-disabled);
}

.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
    color: var(--color-white);
    background: var(--color-primary-disabled);
}

.semi-checkbox-disabled .semi-checkbox-addon {
    color: var(--color-disabled-text);
}

.semi-checkbox-disabled .semi-checkbox-extra {
    color: var(--color-disabled-text);
}

.semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    opacity: 0.75;
    background: var(--color-primary-disabled);
    box-shadow: inset 0 0 0 1px var(--color-primary-disabled);
    color: var(--color-white);
}

.co-create--2rWhI .header--11Jru.disable--2MNi1 p {
    opacity: 0.3;
}

.co-create--2rWhI .header--11Jru .icon--3ATg_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 24px 0 4px;
    margin-left: 4px;
}

.selectors--3ZLQ3 {
    display: flex;
    width: 440px;
    margin-bottom: 8px;
}

.selectors--3ZLQ3.disable--2MNi1 {
    opacity: 0.3;
}

.selectors--3ZLQ3.prohibit--2FzeN {
    opacity: 0.8;
}

.selectors--3ZLQ3 .input-box--2pXcy {
    margin-left: 8px;
    flex-grow: 1;
    max-width: 328px;
}

.selectors--3ZLQ3 .input-box--2pXcy .input--38Akv {
    width: 100%;
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-2);
    font-weight: 400;
}

.selectors--3ZLQ3 .input-box--2pXcy .input--38Akv .name-search-item--HlDbk {
    background-color: red;
}

.selectors--3ZLQ3 .input-box--2pXcy .input--38Akv .list-avatar--2GLbb {
    height: 28px;
    width: 28px;
}

.selectors--3ZLQ3 .input-box--2pXcy .input--38Akv .list-avatar--2GLbb img {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.selectors--3ZLQ3 .select--21otD {
    width: 102px;
}

.add-co-creator--3EPNw {
    width: 80px;
    color: #6b7075;
    height: 24px;
    background-color: rgba(46, 50, 56, 0.05);
}

.add-co-creator--3EPNw.disable--2MNi1 {
    opacity: 0.3;
    cursor: not-allowed;
}

.semi-popover-content .select-popup--35hdt div {
    max-height: 450px !important;
}

.tooltip--1lhAL {
    background: #6b7075;
}

.tooltip--1lhAL .semi-icons-custom {
    color: #6b7075;
}

.tooltip--1lhAL.hide--2g1LO {
    display: none;
}

.custom-option-render-focused--14pfA {
    cursor: pointer;
}

.custom-option-render-disabled--3rMl7 {
    cursor: not-allowed;
}

.option--1LnLJ {
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

.option--1LnLJ span {
    display: inline-flex !important;
}

.option--1LnLJ span .avatar-box--1mz_8 {
    position: relative;
    height: 40px;
    margin: auto 8px auto 0;
}

.option--1LnLJ span .avatar-box--1mz_8 .list-avatar--2GLbb {
    width: 40px;
    height: 40px;
    position: relative;
}

.option--1LnLJ span .avatar-box--1mz_8 .list-avatar--2GLbb.disable--2MNi1 img {
    cursor: not-allowed;
}

.option--1LnLJ span .avatar-box--1mz_8 .iconSvg--P3TPY {
    position: absolute;
    bottom: 0;
    right: 0;
}

.option--1LnLJ span .list-text-wraper--2R_Pb {
    display: flex;
    flex-direction: column;
}

.option--1LnLJ span .list-text-wraper--2R_Pb .list-name--NAkC6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-0);
}

.option--1LnLJ span .list-text-wraper--2R_Pb .list-verifyContent--3xfZ5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #777e87;
    padding-top: 2px;
}

.option--1LnLJ span .list-text-wraper--2R_Pb .list-shortid--3UZqm {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #777e87;
    padding-top: 2px;
}

.option--1LnLJ span .list-text-wraper--2R_Pb.disable--2MNi1 .list-name--NAkC6,
.option--1LnLJ span .list-text-wraper--2R_Pb.disable--2MNi1 .list-shortid--3UZqm,
.option--1LnLJ span .list-text-wraper--2R_Pb.disable--2MNi1 .list-verifyContent--3xfZ5 {
    color: var(--color-disabled-text);
}

.editor--1EGSX {
    padding: 1px;
    width: 100% !important;
}

.container--1qTz7 {
    margin-top: 45px;
}

.dialog-operation--5UIWU {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}

.dialog-operation--5UIWU button {
    margin-left: 10px;
}

.dialog-operation-times-tip--1-gKT {
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.54);
}

.editor-kit-root-container {
    min-width: 100%;
    max-width: 100%;
    position: relative;
}

.editor-kit-editor-container {
    background: #f2f2f4;
    border-radius: 4px;
    min-width: 100%;
    max-width: 100%;
    padding: 8px 12px 12px;
}

.editor-kit-editor-container:hover,
.editor-kit-editor-container :focus {
    outline: solid 1px #0377f9;
}

.editor-kit-outer-container {
    overflow-y: auto;
}

.editor-kit-outer-container::-webkit-scrollbar {
    display: none;
}

.editor-kit-container {
    height: 138px;
    outline: none;
}

.editor-kit-container:focus {
    outline: none;
}

.editor-kit-container .ace-line {
    margin: 0 !important;
}

.split-title-editor .editor-kit-container {
    height: auto !important;
    min-height: 40px;
    max-height: 200px;
}

.split-title-editor-new .editor-kit-container {
    height: auto !important;
    min-height: 92px;
    max-height: 200px;
}

.editor-kit-container {
    font-size: 14px;
    line-height: 1.6;
    outline: none;
    position: relative;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.editor-kit-container[data-placeholder]::before {
    content: attr(data-placeholder);
}

.editor-kit-container::before {
    content: attr(data-placeholder);
    pointer-events: none;
    position: absolute;
    color: #bbbfc4;
    height: 0;
}

.editor-kit-container .ace-line {
    margin-bottom: 8px;
    margin-top: 8px;
}

.editor-kit-container .ace-line .not-display-enter {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
}

.editor-kit-container .ace-line:first-child {
    margin-top: 0;
}

.editor-kit-container .ace-table td .ace-line:first-child {
    margin-top: 0;
}

.editor-kit-container .ace-table td .ace-line:last-child {
    margin-bottom: 0;
}

.outterdocbody {
    position: "relative";
    overflow-y: "auto";
}

.doc-resize-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -120%;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
}

iframe {
    border: none;
}

.loading--23iTt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-icon--1cS2c {
    -webkit-animation: rotating--1iPRE 1s linear infinite;
    animation: rotating--1iPRE 1s linear infinite;
}

@-webkit-keyframes rotating--1iPRE {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating--1iPRE {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mention-suggest--VHbaf {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: 1px solid rgba(51, 51, 51, 0.06);
}

.mention-suggest-item-container--1I-xu {
    max-height: 300px;
    overflow: auto;
}

.list-container--lk0V0 {
    padding: 8px 0 0;
}

.list-container--lk0V0:first-of-type {
    padding-top: 0;
}

.list-container--lk0V0 .title--2iHaK {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 12px 12px 32px;
    color: rgba(22, 24, 35, 0.5);
}

.middle-breaker--iDCxP {
    width: calc(100% - 64px);
    height: 1px;
    background: #f5f5f5;
    margin: 8px auto 0;
    box-sizing: border-box;
}

.tag--A0IFC {
    cursor: pointer;
    padding: 0 32px;
}

.tag--A0IFC:hover {
    background: rgba(46, 50, 56, 0.05);
}

.tag-hash--2MMb4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
}

.tag-hash-view-tag--1Os5I {
    width: 10px;
}

.tag-hash-view-name--1PJkf {
    text-align: left;
    overflow: hidden;
    margin-left: 8px;
    max-width: 368px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.tag-hash-view-count--36HXB {
    color: #afb0b4;
    width: 70px;
    text-align: right;
    text-overflow: clip;
    font-size: 14px;
}

.tag-at--1pXeu {
    height: 58px;
    display: flex;
    align-items: center;
}

.tag-at-user-info--1GIua {
    display: inline-block;
    margin-left: 16px;
    max-width: 368px;
    font-size: 14px;
    overflow: hidden;
}

.tag-at-avatar--3g2i6 {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.tag-at-name--3_jFT {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 368px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
}

.tag-at-icon--2ju38 {
    display: inline-block;
    width: 12px;
    margin-left: 4px;
}

.tag-at-user-item--2HOhx {
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 12px;
    font-weight: normal;
    color: rgba(28, 31, 35, 0.6);
}

.tag-at-user-item--2HOhx span {
    margin-right: 16px;
}

.editor-comp-publish-container--1LcCg {
    width: 100%;
}

.title--c8Htt {
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #404346;
    display: flex;
    align-items: center;
    line-height: 20px;
}

.dis--3BXA_ {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.sub-title--3xo81 {
    color: rgba(37, 38, 50, 0.6);
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
    font-weight: 400;
}

.right-title--16_3B {
    color: rgba(37, 38, 50, 0.6);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.right-sub-title--31xRy {
    color: #168ef9;
}

.editor-container--1QyLV {
    display: flex;
    justify-content: space-between;
}

.include-cover--jiqlO {
    width: 405px;
}

.delete-margin-top--2ScYQ {
    margin-top: 0 !important;
}

.__smart-correction-popup-light__ {
    --bg-float: #ffffff;
    --fill-hover: rgba(31, 35, 41, 0.1);
    --text-title: #1f2329;
    --text-caption: #646a73;
    --text-placeholder: #8f959e;
    --icon-n2: #646a73;
    --splitline-color: rgba(31, 35, 41, 0.15);
    --container-border-color: #dee0e3;
}

.__smart-correction-popup-dark__ {
    --bg-float: #2e2e2e;
    --fill-hover: rgba(240, 240, 240, 0.08);
    --text-title: #f0f0f0;
    --text-caption: #c1c1c1;
    --text-placeholder: #939393;
    --icon-n2: #c1c1c1;
    --splitline-color: rgba(240, 240, 240, 0.15);
    --container-border-color: #5f5f5f;
}

.__smart-correction-popup-container__ {
    position: relative;
    background-color: var(--bg-float);
    border-radius: 8px;
    box-shadow: 0px 5px 10px var(--box-shadow-color);
    border: 1px solid var(--container-border-color);
    padding-bottom: 4px;
}

.__smart-correction-popup-container-wrapper__ {
    position: absolute;
    top: -10000px;
    left: -10000px;
    min-width: 92px;
    box-sizing: border-box;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}

.__smart-correction-popup-container-type-wrapper__ {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    position: relative;
    padding: 12px 8px 0 12px;
}

.__smart-correction-popup-container-type__ {
    color: var(--text-placeholder);
    cursor: default;
    font-size: 12px;
    line-height: 20px;
    margin-right: 12px;
    flex: 1;
    white-space: nowrap;
}

.__smart-correction-popup-container-splitline__ {
    height: 1px;
    background-color: var(--splitline-color);
    margin: 10px 12px 4px;
}

.__smart-correction-popup-container-item__ {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 4px 8px 4px 4px;
    cursor: pointer;
    margin: 0 4px;
    border-radius: 6px;
}

.__smart-correction-popup-container-item__:hover {
    background-color: var(--fill-hover);
}

.__smart-correction-popup-container-item-text__ {
    cursor: pointer;
    color: var(--text-caption);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    -webkit-user-select: none;
}

.__smart-correction-popup-container-arrow__ {
    width: 6px;
    height: 6px;
    left: 0;
    position: absolute;
    background-color: var(--bg-float);
    transform: rotate(45deg);
}

.__smart-correction-popup-container-arrow-top__ {
    border-left: 1px solid var(--container-border-color);
    border-top: 1px solid var(--container-border-color);
    top: -4px;
}

.__smart-correction-popup-container-arrow-bottom__ {
    border-right: 1px solid var(--container-border-color);
    border-bottom: 1px solid var(--container-border-color);
    bottom: -4px;
}

.__smart-correction-popup-replace-text__,
.__smart-correction-popup-delete-text__ {
    padding: 5px 8px;
    margin: 0 4px;
    border-radius: 6px;
    word-break: keep-all;
}

.__smart-correction-popup-replace-text__ {
    cursor: pointer;
    color: var(--G600);
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}

.__smart-correction-popup-delete-text__ {
    flex-shrink: 0;
    white-space: pre;
    text-decoration: line-through;
    cursor: pointer;
    color: var(--R600);
    font-weight: bold;
}

.__smart-correction-popup-replace-text__:hover,
.__smart-correction-popup-delete-text__:hover {
    background-color: var(--fill-hover);
}

.__smart-correction-popup-more-container__ {
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 8px;
    padding: 7px 0;
    box-sizing: border-box;
    border: 1px solid var(--container-border-color);
    background-color: var(--bg-float);
    box-shadow: 0px 4px 8px var(--box-shadow-color);
    white-space: nowrap;
    display: none;
}

.__smart-correction-popup-more-container-show__ {
    display: inline;
}

.__smart-correction-popup-more-container-align-right__ {
    left: inherit !important;
    right: 0;
}

.__smart-correction-popup-more-icon-wrapper__ {
    position: relative;
    flex-shrink: 0;
}

.__smart-correction-popup-more-item__ {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px 8px 4px 4px;
    margin: 0 4px;
    border-radius: 6px;
}

.__smart-correction-popup-more-item__:hover {
    background: var(--fill-hover);
}

.__smart-correction-popup-more-item-text__ {
    color: var(--text-title);
    flex-shrink: 0;
    font-size: 14px;
    line-height: 22px;
    margin-left: 4px;
}

.__smart-correction-popup-icon__ {
    display: flex;
    align-items: center;
    font-style: normal;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    flex-shrink: 0;
}

.__smart-correction-popup-icon__:hover,
.__smart-correction-popup-icon__:active {
    background-color: var(--fill-hover);
}

.__smart-correction-popup-icon__[data-smart-correction-click-key="ignore"]:hover,
.__smart-correction-popup-icon__[data-smart-correction-click-key="ignore"]:active,
.__smart-correction-popup-icon__[data-smart-correction-click-key="add-dict"]:hover,
.__smart-correction-popup-icon__[data-smart-correction-click-key="add-dict"]:active,
.__smart-correction-popup-more-item__ > .__smart-correction-popup-icon__:hover {
    background-color: transparent;
}

.__smart-correction-popup-icon__ path {
    fill: var(--icon-n2);
}

.__scribing-container-root__ {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    margin: 0;
    padding: 0;
    pointer-events: none;
    box-sizing: border-box;
}

.__scribing-container-position__ {
    box-sizing: border-box;
    position: relative;
    pointer-events: none;
    overflow: scroll;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.__scribing-container-position__::-webkit-scrollbar {
    display: none;
}

.__scribing-sdk-underline__ {
    transition: background-color 200ms;
}

.__scribing-sdk-underline__::after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background-size: 5px 3px;
    background-repeat: repeat-x, repeat-x;
    background-image: url("");
}

.__scribing-sdk-underline-dotted__ {
    border-width: 0;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: repeating-linear-gradient(
        90deg,
        rgba(31, 35, 41, 0.6),
        rgba(31, 35, 41, 0.6) 1px,
        transparent 0,
        transparent 3px
    );
}

.__scribing-sdk-debug__ .__scribing-container-position__:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.__scribing-sdk-debug__ .__scribing-sdk-scribing__::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.__smart-correction-sdk-highlight-error__ {
    background-color: rgba(240, 84, 79, 0.2);
}

@keyframes smart-correction-sdk-blink {
    0%,
    80% {
        color: #2ea121;
    }

    100% {
        color: inherit;
    }
}

.__smart-correction-sdk-blink__ {
    animation-name: smart-correction-sdk-blink;
    animation-duration: 500ms;
}

.__smart-correction-sdk-underline-solid__::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #f0544f;
    bottom: -1px;
}

@-webkit-keyframes smart-correction-sdk-highlight-error--1tBkg {
    0% {
        background-color: inherit;
    }

    100% {
        background-color: rgba(240, 84, 79, 0.15);
    }
}

@keyframes smart-correction-sdk-highlight-error--1tBkg {
    0% {
        background-color: inherit;
    }

    100% {
        background-color: rgba(240, 84, 79, 0.15);
    }
}

@-webkit-keyframes smart-correction-sdk-highlight-error-shadow--278rI {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes smart-correction-sdk-highlight-error-shadow--278rI {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.__smart-correction-sdk-highlight-error__ {
    background-color: inherit;
}

.__smart-correction-sdk-highlight-error__ {
    -webkit-animation: smart-correction-sdk-highlight-error--1tBkg 800ms ease;
    animation: smart-correction-sdk-highlight-error--1tBkg 800ms ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.__smart-correction-sdk-highlight-error__:after {
    -webkit-animation: smart-correction-sdk-highlight-error-shadow--278rI 800ms ease;
    animation: smart-correction-sdk-highlight-error-shadow--278rI 800ms ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.__smart-correction-sdk-underline-solid__::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fe2c55;
    opacity: 0.4;
    bottom: -1px;
}

iframe {
    border: none;
}

.toolbar-comp-container--3zZSi {
    width: 100%;
    padding: 0;
}

.toolbar-comp-button-container--2f7Tz {
    display: flex;
    align-items: center;
}

.toolbar-comp-button-container--2f7Tz .toolbar-button--1vtyN {
    display: inline-flex;
    color: #161823;
    background-color: transparent;
    border-radius: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #6b7075;
    height: 12px;
    border-radius: 3px;
}

.toolbar-comp-button-container--2f7Tz .toolbar-button--1vtyN:first-of-type {
    margin-right: 16px;
}

.container--3CyAI {
    padding-top: 12px;
    display: flex;
}

.line--39_RZ {
    margin-top: 8px;
    height: 1px;
    background-color: rgba(201, 201, 204, 0.4);
    width: calc(100% + 24px);
    transform: translateX(-12px);
}

.title--35n6H {
    white-space: nowrap;
    color: rgba(37, 38, 50, 0.6);
    font-size: 12px;
    line-height: 18px;
    width: 28px;
}

.list--AaGTY {
    flex: auto;
    display: flex;
    margin-right: 8px;
    width: 100%;
    height: 20px;
}

.tag--3_AWi {
    cursor: pointer;
}

.tag--3_AWi:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.margin-tag--_TrVM {
    margin-left: 8px;
}

.more--3797r:hover {
    color: #ff2c55;
    background: #ffe8e9;
}

.popover--32DHP svg {
    right: 17px !important;
}

.more-tag--3jfqW {
    margin-top: 6px;
}

.tipContainer--3oDfY {
    width: 100%;
    padding: 4px 6px;
}

.tipContainer--3oDfY .tipTitle--3O_Xt {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1c1f23;
}

.tipContainer--3oDfY .paster-tip-text--3YPnt {
    margin-top: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #73767a;
}

.paster-tip-img--2hoC2 {
    margin-top: 12px;
    display: flex;
}

.paster-tip-img--2hoC2 .left--3hM0i {
    position: relative;
    width: 108px;
    height: 63px;
}

.paster-tip-img--2hoC2 .left--3hM0i span {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url();
    background-size: contain;
}

.paster-tip-img--2hoC2 .left--3hM0i div {
    width: 100%;
    height: 100%;
    background-image: url(//lf-cdn-tos.bytescm.com/obj/static/douyin-creator-content/micro/imgs/pasterTip1.e3daea91.png);
    background-size: contain;
}

.paster-tip-img--2hoC2 .right--25MTZ {
    width: 108px;
    height: 63px;
    position: relative;
    margin-left: 16px;
}

.paster-tip-img--2hoC2 .right--25MTZ span {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 12px;
    height: 12px;
    background-image: url();
    background-size: contain;
}

.paster-tip-img--2hoC2 .right--25MTZ div {
    width: 100%;
    height: 100%;
    background-image: url(//lf-cdn-tos.bytescm.com/obj/static/douyin-creator-content/micro/imgs/pasterTip2.8354bdb1.png);
    background-size: contain;
}

.semi-tooltip-wrapper.tipClass--3_Bg1 {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.semi-tooltip-wrapper.tipClass--3_Bg1 .semi-tooltip-icon-arrow {
    color: #fff;
}

.wrapper--1Ip2o {
    position: relative;
    display: flex;
    flex-direction: row;
}

.wrapper--1Ip2o .coverControl--XR_Gq {
    position: relative;
    width: 150px;
    flex-shrink: 0;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu:hover {
    cursor: pointer;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu.disabled--1ynNv {
    cursor: not-allowed;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu .background---_BTh {
    height: 100%;
    transition: background-size 300ms;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu .background---_BTh.filter--18kxs {
    filter: blur(4px);
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu .filter--18kxs {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu .filter--18kxs svg path {
    fill: #fff;
}

.wrapper--1Ip2o .coverControl--XR_Gq .cover--37AJu .filter--18kxs .title--21alx {
    margin-top: 10px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
}

.wrapper--1Ip2o .coverControl--XR_Gq .controlContainer--1yJGn {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-top: 9px;
}

.wrapper--1Ip2o .coverControl--XR_Gq .controlContainer--1yJGn .btn--2sFTr {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
    cursor: pointer;
    width: 72px;
    height: 32px;
    background: rgba(46, 50, 56, 0.05);
    border-radius: 3px;
    color: rgba(28, 31, 35, 0.6);
    font-size: 14px;
}

.wrapper--1Ip2o .coverControl--XR_Gq .controlContainer--1yJGn .btn--2sFTr:last-child {
    margin-right: 0;
}

.wrapper--1Ip2o .coverControl--XR_Gq .controlContainer--1yJGn .btn--2sFTr svg {
    margin-right: 4px;
}

.wrapper--1Ip2o .coverControl--XR_Gq .controlContainer--1yJGn .btn--2sFTr.disabled--1ynNv {
    cursor: not-allowed;
    opacity: 0.5;
}

.wrapper--1Ip2o .coverControl--XR_Gq .controlContainer--1yJGn .btn--2sFTr:hover {
    background: #e4e4e6;
}

.wrapper--1Ip2o .recommendContainer--2NBbt {
    position: relative;
    width: 100%;
    margin-left: 16px;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .recommendDisplay--RleAd {
    position: relative;
    background-color: #f2f2f4;
    border-radius: 4px;
    padding: 0 16px;
    width: 386px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .recommendDisplay--RleAd .semi-skeleton-active .semi-skeleton-image {
    background: linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0) 49.48%, #fff 100%);
    background-size: 700% 100%;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .recommendDisplay--RleAd .recommendCoverContainer--7S0br {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br.loading--26MTE
    .recommendCover--JprtV:hover {
    cursor: default;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV:hover {
    cursor: pointer;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV.isSetting--uwQ3A {
    cursor: not-allowed;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV.selected--2_uF0::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: 2px solid #ff2c55;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV
    .selectIcon--2SbI9 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV
    .selectIcon--2SbI9
    .bg--1nQf6 {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV
    img {
    width: 105.75px;
    border-radius: 2px;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV
    .maskBox--16Qyu {
    position: relative;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .recommendCover--JprtV
    .maskBox--16Qyu:hover
    .mask--2f_NW {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.wrapper--1Ip2o .recommendContainer--2NBbt .recommendDisplay--RleAd .recommendCoverContainer--7S0br .noPic--2sNFq {
    color: rgba(37, 38, 50, 0.35);
    border-radius: 2px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f9f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper--1Ip2o
    .recommendContainer--2NBbt
    .recommendDisplay--RleAd
    .recommendCoverContainer--7S0br
    .noPic--2sNFq:hover {
    cursor: not-allowed;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .recommendDisplay--RleAd .recommendCoverContainer--7S0br .noPicBox--3LHQE {
    display: flex;
    align-items: center;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .recommendDisplay--RleAd .recommendTitle--1jQyP {
    position: relative;
    color: rgba(37, 38, 50, 0.6);
    font-weight: 400;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 7.5px;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .tip--3WURN {
    position: relative;
    text-align: right;
    margin-top: 13px;
    color: rgba(37, 38, 50, 0.6);
}

.wrapper--1Ip2o .recommendContainer--2NBbt .tip--3WURN .tipSpan--3m2zQ {
    margin-left: 4px;
    color: #168ef9;
}

.wrapper--1Ip2o .recommendContainer--2NBbt .tip--3WURN .tipSpan--3m2zQ:hover {
    cursor: pointer;
}

.tipContainer--38WiU {
    width: 100%;
}

.tipContainer--38WiU .tipTitle--21I1Z {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #252632;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tipContainer--38WiU .tipTitle--21I1Z .toExample--3SKY9 {
    font-weight: 400;
    color: #168ef9;
    cursor: pointer;
    font-size: 12px;
}

.tipContainer--38WiU .paster-tip-text--2gsW_ {
    margin-top: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #73767a;
}

.coverList--2OVwS {
    display: flex;
    flex-wrap: wrap;
    width: 431px;
}

.coverList--2OVwS .coverItem--3F40r {
    width: 133px;
    margin-top: 12px;
}

.coverList--2OVwS .coverItem--3F40r:not(:nth-child(3n)) {
    margin-right: 16px;
}

.coverList--2OVwS .coverBox--1wGU9 {
    width: 100%;
    text-align: center;
}

.coverList--2OVwS img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}

.coverList--2OVwS .tipText--9SNpP {
    font-size: 12px;
    color: rgba(37, 38, 50, 0.6);
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    line-height: 18px;
}

.coverList--2OVwS .tipText--9SNpP span {
    vertical-align: middle;
}

.coverList--2OVwS .tipText--9SNpP svg {
    vertical-align: middle;
    margin-right: 3px;
}

.coverList--2OVwS .successIcon--1Qg5g {
    color: #13c15a;
}

.coverList--2OVwS .errorIcon--2LI4- {
    color: rgba(37, 38, 50, 0.8);
}

.noHorizontalVideo--3cdVa {
    width: 404px;
}

.noHorizontalVideo--3cdVa .coverItem--3F40r {
    width: 124px;
}

.noHorizontalVideo--3cdVa img {
    width: 92px;
    height: 125px;
}

.paster-tip-img--28lAU {
    margin-top: 12px;
    display: flex;
}

.paster-tip-img--28lAU .left--3_npJ {
    position: relative;
    width: 108px;
    height: 63px;
}

.mask-container--3jFJE {
    z-index: 1020;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    margin: 0;
}

.mask--1RiTe {
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-player--3aT-t {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    z-index: 4;
}

.modal-player--3aT-t .close--qhdHK {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 8px;
    right: 8px;
    color: #fff;
    background: rgba(0, 0, 0, 0.34);
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    z-index: 1040;
}

.modal-player--3aT-t .close--qhdHK img {
    width: 16px;
    height: 16px;
}

.back-bg--3eM7o {
    background-color: rgba(0, 0, 0, 0.5);
}

iframe {
    border: none;
}

.mask-container--4YaBa {
    display: block;
    margin: 1px 0;
    position: relative;
}

.mask-container--4YaBa .mask--m-Zpo {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.8);
}

.mask-container--4YaBa .mask--m-Zpo.hidden--3x2K7 {
    display: none;
    background: #000;
}

iframe {
    border: none;
}

.mask-container--2zgc9 {
    z-index: 1020;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    margin: 0;
}

.mask-container--2zgc9 .window--3Ar1J {
    position: fixed;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%, -50%);
    z-index: 1020;
}

.mask-container--2zgc9 .window--3Ar1J .close-button--LZCbA {
    position: absolute;
    z-index: 1040;
    width: 11px;
    height: 11px;
    top: 26px;
    right: 26px;
    text-align: center;
    color: #fff;
}

.mask-container--2zgc9 .window--3Ar1J .footer-back--TpzC- {
    position: absolute;
    z-index: 5;
    height: 22%;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(28, 31, 35, 0) 0%, rgba(28, 31, 35, 0.6) 100%);
    mix-blend-mode: normal;
    opacity: 0.75;
    border-radius: 4px;
}

.mask-container--2zgc9 .background--2VbMk {
    position: fixed;
    height: 100vh;
    width: 100vw;
    margin: 0;
    z-index: -1;
}

.ps .ps__rail-y {
    width: 6px;
    right: 4px !important;
}

.ps .ps__thumb-y {
    background: rgba(107, 112, 117, 0.5);
    right: 0 !important;
}

.ps .ps__rail-y:hover,
.ps .ps__rail-y:focus,
.ps .ps__rail-y.ps--clicking {
    width: 6px;
    border-radius: 6px;
}

.ps .ps__rail-y:hover > .ps__thumb-y,
.ps .ps__rail-y:focus > .ps__thumb-y,
.ps .ps__rail-y.ps--clicking > .ps__thumb-y {
    width: 6px;
}

/*
* Container style
*/
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
* Scrollbar rail styles
*/
.ps__rail-x {
    display: none;
    opacity: 0;
    -moz-transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    -webkit-transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    -moz-transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    -webkit-transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    -moz-transition:
        background-color 0.2s linear,
        height 0.2s ease-in-out;
    transition:
        background-color 0.2s linear,
        height 0.2s ease-in-out;
    -webkit-transition:
        background-color 0.2s linear,
        height 0.2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    -moz-transition:
        background-color 0.2s linear,
        width 0.2s ease-in-out;
    transition:
        background-color 0.2s linear,
        width 0.2s ease-in-out;
    -webkit-transition:
        background-color 0.2s linear,
        width 0.2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

iframe {
    border: none;
}

.modal-wrap--2n0QZ {
    width: 844px !important;
}

.modal-wrap--2n0QZ .semi-modal-body {
    padding: 0 !important;
}

.modal-wrap--2n0QZ .semi-modal-body .dialog-title {
    display: none;
}

.modal-wrap--2n0QZ .semi-modal-content {
    padding: 0;
    border-radius: 4px;
}

.modal-content-wrap--12FsI {
    display: flex;
}

.modal-selected-clip--14C4V {
    width: 480px;
    background: #f1f1f2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.modal-selected-clip--14C4V video:focus {
    outline: none;
}

.modal-selected-clip-bg--8pp1r {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(15px) brightness(0.5);
    position: absolute;
    top: 0;
    left: 0;
    margin: -15px;
}

.modal-right-list--3MrrL {
    width: 598px;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
}

.modal-right-list--3MrrL .header--rKOAm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
}

.modal-right-list--3MrrL .header--rKOAm .modal-title--1p5mQ {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #252729;
    text-align: center;
}

.modal-right-list--3MrrL .header--rKOAm .cross--61s_N {
    cursor: pointer;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    gap: 16px;
    max-height: 314px;
    overflow: hidden;
    position: relative;
    padding: 0 24px;
    flex: 1;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 li {
    flex: 1;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 li p {
    margin-top: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #13161a;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS {
    height: 173px;
    width: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    margin: 0;
    border-radius: 2px;
    background-color: #f1f1f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    padding: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS > * {
    position: relative;
    z-index: 1;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS .highlight-play-btn--1rX7w {
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    align-self: center;
    color: #f8f8f8;
    border-radius: 4px;
    visibility: hidden;
    display: flex;
    align-items: center;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS:hover .highlight-play-btn--1rX7w,
.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS.playing--usQut .highlight-play-btn--1rX7w {
    visibility: visible;
}

.modal-right-list--3MrrL
    .highlight-list--XPEV1
    .highlight-item--3WuMS.playing--usQut
    .highlight-play-btn--1rX7w::before {
    content: "";
    display: block;
    height: 10px;
    width: 3px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 5px 0 0;
    margin-right: 11px;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS .duration--1BnL1 {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 4px;
    color: #fff;
    align-self: flex-end;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS.selected--1tqhq {
    position: relative;
}

.modal-right-list--3MrrL .highlight-list--XPEV1 .highlight-item--3WuMS.selected--1tqhq:before {
    content: "";
    height: 173px;
    width: 130px;
    background: rgba(254, 44, 85, 0.5);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.modal-right-list--3MrrL .dialog-operation--2A3Zz {
    margin-top: 28px;
    display: flex;
    justify-content: center;
    padding: 24px;
    box-shadow:
        0 -2px 4px rgba(0, 0, 0, 0.1),
        0 -1px 0 rgba(0, 0, 0, 0.05);
    display: flex;
}

.modal-right-list--3MrrL .dialog-operation--2A3Zz > button:first-child {
    margin-right: 10px;
}

.modal-right-list--3MrrL .dialog-operation--2A3Zz > button:last-child {
    border-radius: 3px;
}

.player--1_WHf {
    height: 474px;
}

.player--1_WHf video {
    height: 100%;
}

.semi-checkbox.highlight-checkbox--1m7Rc:hover .semi-checkbox-inner-display {
    box-shadow: none;
}

.semi-checkbox.highlight-checkbox--1m7Rc .semi-checkbox-inner-display {
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    box-shadow: none;
}

.semi-checkbox.highlight-checkbox--1m7Rc .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-white);
    color: var(--color-primary);
    box-shadow: none;
    border-radius: 3px;
    border-color: var(--color-white);
}

.status-text--1FpAS {
    display: flex;
    align-items: center;
}

.upload-icon--2Mxc6 {
    width: 60px;
    height: 18px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    color: #00c1cd;
    margin-left: 45px;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-icon--2Mxc6 .upload-text--S3Tsd {
    margin-left: 4px;
}

.error-boundary--3VWpF {
    text-align: center;
}

.error-boundary-button--3q6eM {
    margin-top: 20px;
}

.card--cdv2- {
    flex: 1;
    border-radius: 8px;
    padding: 40px;
    overflow: hidden;
}

.title--2ZrJf {
    line-height: 35px;

}

.sub-title--1oa_G {
    font-size: 16px;
    line-height: 22px;
    color: #161823;
    margin-bottom: 20px;
}

.title--363Jn > div:first-child {
    width: 870px;
}

.content--3qu-z {
    margin: 0 auto;
}

.content-body--9vW8R {
    display: flex;
    justify-content: center;
}

.form--21LRU {
    width: 100vw;
}

.preview--2UsOu {
    max-height: 700px;
}

.scroll-container--33qcO {
    overflow: hidden;
    position: relative;
}

.scroll-content--2zEdc {
    overflow: hidden;
    position: relative;
}

.left--30-cp {
    width: 48px;
    background: linear-gradient(91.2deg, #fff 48.1%, rgba(255, 255, 255, 0) 99.11%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: none;
}

.left--30-cp svg {
    float: left;
    cursor: pointer;
}

.right--a0e8A {
    width: 48px;
    background: linear-gradient(268.8deg, #fff 48.1%, rgba(255, 255, 255, 0) 99.11%);
    position: absolute;
    right: 0;
    z-index: 1;
}

.right--a0e8A svg {
    float: right;
    cursor: pointer;
}

iframe {
    border: none;
}

.select--Xzfe2 {
    width: 100%;
}

.select--Xzfe2 .semi-select-clear {
    display: none;
}

.select--Xzfe2:hover .semi-select-clear {
    display: flex;
}

.select-dropdown--2l_xo {
    width: auto !important;
    max-width: 300px;
}

.option--3iWRw {
    display: flex;
    padding: 9px 16px;
}

.option--3iWRw .detail--19II4 {
    flex-grow: 1;
    min-width: 0;
}

.option--3iWRw .detail--19II4 .name--34udW {
    font-size: 14px;
    line-height: 20px;
    color: #1c1f23;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 2px;
}

.option--3iWRw .detail--19II4 .address--1ZuQn {
    font-size: 14px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.6);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.option--3iWRw .distance--2C2B- {
    font-size: 14px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.6);
    font-weight: bold;
    flex-shrink: 0;
    margin-left: 21px;
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) .name--34udW {
    color: #fe2c55;
}

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) .name--34udW {
    color: #fe2c55;
}

.anchor-item--78UBC .anchor-tag--neisW {
    display: inline-flex;
    height: 32px;
    align-items: center;
    padding: 4px 12px;
    padding-right: 4px;
    border-radius: 3px;
    background: #f5f4f4;
}

.anchor-item--78UBC .anchor-text--KQnMC {
    font-size: 14px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 230px;
}

.anchor-item--78UBC .divider--2OGPK {
    height: 12px;
    width: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-right-width: 0;
    margin: 0 4px 0 6px;
}

.anchor-item--78UBC .anchor-icon--2UU5o {
    display: inline-flex;
    height: 20px;
    width: 20px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
}

.anchor-item--78UBC .anchor-desc--36HU6 {
    font-size: 12px;
    line-height: 12px;
    color: rgba(51, 51, 51, 0.4);
    margin-top: 10px;
}

.dropdown--1BIwt {
    max-height: 250px;
    overflow: auto;
}

.dropdown--1BIwt .dropdown-header--150PX {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin: 12px 16px 2px;
}

.dropdown-empty--3cJZn {
    height: 137px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dropdown-empty--3cJZn .desc-empty--1cDaX {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin-top: 10px;
}

.dropdown--1BIwt .ant-select-dropdown-menu {
    max-height: none;
}

.recommend--3Bzjy {
    margin-top: 4px;
    display: flex;
    overflow: hidden;
}

.recommend-label--1rqSf {
    flex-shrink: 0;
    color: #6b7075;
    padding-top: 3px;
}

.recommend-list--3Hljq {
    flex: 1;
    display: flex;
}

.recommend-list-item--3bllC {
    font-size: 12px;
    color: #1c1f23;
    padding: 0 8px;
    align-items: center;
    white-space: nowrap;
    border: 1px solid rgba(28, 31, 35, 0.08);
    border-radius: 3px;
    margin-right: 8px;
    display: flex;
    line-height: 21px;
    cursor: pointer;
}

.recommend-list-item--3bllC svg {
    margin-right: 6px;
}

.tab--3RidR {
    padding: 0 16px 9px 36px;
}

.tab--3RidR .semi-tabs-bar {
    border-bottom: none;
}

.tab--3RidR .semi-tabs-content {
    padding: 0;
}

.tab--3RidR .semi-tabs-tab {
    font-size: 12px;
    padding: 12px 4px 2px;
}

.tab--3RidR .semi-tabs-tab.semi-tabs-tab-active {
    border-bottom-color: transparent;
}

.tab--3RidR .semi-tabs-tab.semi-tabs-tab-active:after {
    content: "";
    width: 14px;
    height: 2px;
    background-color: #1c1f23;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
}

.tab--3RidR .semi-tabs-tab:not(:last-of-type) {
    margin-right: 32px;
}

.load-more--3qWoG {
    font-size: 12px;
    background-color: #fff;
    padding: 16px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 36px;
    color: #0176f7;
}

.tooltip--2QPO1 {
    font-size: 12px;
    background: #6b7075;
    padding: 8px 12px;
}

iframe {
    border: none;
}

.select--2TWKt {
    display: block;
}

.select-dropdown--3HXT- {
    width: auto !important;
    max-width: 300px;
}

.option--1Jco3 {
    display: flex;
    min-width: 240px;
    padding: 6px 16px;
}

.anchor-item--G3uNh .anchor-tag--2sYFD {
    display: inline-flex;
    height: 32px;
    align-items: center;
    padding: 4px 12px;
    padding-right: 4px;
    border-radius: 2px;
    background: #f4f5f5;
}

.anchor-item--G3uNh .anchor-text--fxP8z {
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 230px;
}

.anchor-item--G3uNh .divider--3Rj9x {
    height: 12px;
    width: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-right-width: 0;
    margin: 0 4px 0 6px;
}

.anchor-item--G3uNh .anchor-icon--2zT5Y {
    display: inline-flex;
    height: 20px;
    width: 20px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
}

.anchor-item--G3uNh .anchor-desc--3F1FB {
    font-size: 12px;
    line-height: 12px;
    color: rgba(51, 51, 51, 0.4);
    margin-top: 10px;
}

.anchor-item--G3uNh .ant-select-selection:focus {
    border-color: #2e78f1;
    box-shadow: 0 0 0 1px #2e78f1;
}

.anchor-item--G3uNh .ant-select-selection:hover {
    border-color: #2e78f1;
    box-shadow: 0 0 0 1px #2e78f1;
}

.dropdown--18qo0 {
    max-height: 250px;
    overflow: auto;
}

.dropdown--18qo0 .dropdown-header--u3t3M {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin: 12px 16px 2px;
}

.dropdown-empty--3h58w {
    height: 137px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dropdown-empty--3h58w .desc-empty--Pq5ER {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin-top: 10px;
}

.dropdown--18qo0 .ant-select-dropdown-menu {
    max-height: none;
}

iframe {
    border: none;
}

.option-tooltip-wrap--3131r {
    display: flex;
    overflow: hidden;
}

.option-background--2YoWS,
.option-background--2YoWS:hover {
    background-color: #f9f9fa;
}

.tooltip-background--YjgMn,
.tooltip-background--YjgMn:hover {
    background-color: #252632;
}

.poster--1AOtM {
    min-width: 44px;
    height: 44px;
    border-radius: 8px;
}

.detail--3hJST {
    margin-left: 8px;
    overflow: hidden;
}

.detail--3hJST .name--XFRKk {
    font-size: 14px;
    line-height: 22px;
    color: #161823;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.detail--3hJST .extra--G6juZ {
    font-size: 12px;
    line-height: 22px;
    color: rgba(28, 31, 35, 0.55);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) .name--XFRKk {
    color: #fe2c55;
}

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) .name--XFRKk {
    color: #fe2c55;
}

iframe {
    border: none;
}

.select--5wqd5 {
    width: 100%;
}

.select-dropdown--3bsRS {
    width: auto !important;
    max-width: 300px;
}

.select-dropdown--3bsRS .semi-select-option-list {
    max-height: 285px !important;
}

.option--1Bk4c {
    display: flex;
    padding: 6px 16px;
}

.option--1Bk4c .img-content--3NzC6 {
    width: 33px;
    height: 44px;
    border-radius: 4px;
    overflow: hidden;
}

.option--1Bk4c .poster--1km_v {
    width: 33px;
    height: 44px;
}

.option--1Bk4c .detail--3j8Wx {
    margin-left: 8px;
}

.option--1Bk4c .detail--3j8Wx .name--GsPu2 {
    font-size: 12px;
    line-height: 22px;
    color: #161823;
}

.option--1Bk4c .detail--3j8Wx .extra--1v3DZ {
    color: #787980;
    font-size: 12px;
    line-height: 22px;
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) .name--GsPu2 {
    color: #fe2c55;
}

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) .name--GsPu2 {
    color: #fe2c55;
}

.anchor-item--37tDz .anchor-tag--1xy51 {
    display: inline-flex;
    height: 32px;
    align-items: center;
    padding: 4px 12px;
    padding-right: 4px;
    border-radius: 3px;
    background: #f5f4f4;
}

.anchor-item--37tDz .anchor-text--saxy2 {
    font-size: 14px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 230px;
}

.anchor-item--37tDz .divider--qmyM8 {
    height: 12px;
    width: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-right-width: 0;
    margin: 0 4px 0 6px;
}

.anchor-item--37tDz .anchor-icon--1NutZ {
    display: inline-flex;
    height: 20px;
    width: 20px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
}

.anchor-item--37tDz .anchor-desc--3Hjos {
    font-size: 12px;
    line-height: 12px;
    color: rgba(51, 51, 51, 0.4);
    margin-top: 10px;
}

.dropdown--Xr8WO {
    max-height: 250px;
    overflow: auto;
}

.dropdown--Xr8WO .dropdown-header--xK2rI {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin: 12px 16px 2px;
}

.dropdown-empty--uIceJ {
    height: 137px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dropdown-empty--uIceJ .desc-empty--78zwt {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin-top: 10px;
}

.dropdown--Xr8WO .ant-select-dropdown-menu {
    max-height: none;
}

.recommend--32Xmw {
    margin-top: 4px;
    display: flex;
    overflow: hidden;
}

.recommend-label--1-VF7 {
    flex-shrink: 0;
    color: #6b7075;
}

.recommend-list--3PuYu {
    flex: 1;
    display: flex;
}

.recommend-list-item--eTs1I {
    font-size: 12px;
    color: #1c1f23;
    padding: 0 8px;
    align-items: center;
    white-space: nowrap;
    border: 1px solid rgba(28, 31, 35, 0.08);
    border-radius: 3px;
    margin-right: 8px;
    display: flex;
    line-height: 21px;
    cursor: pointer;
}

.recommend-list-item--eTs1I svg {
    margin-right: 6px;
}

.tab--2VxhV {
    padding: 0 16px 9px 36px;
}

.tab--2VxhV .semi-tabs-bar {
    border-bottom: none;
}

.tab--2VxhV .semi-tabs-content {
    padding: 0;
}

.tab--2VxhV .semi-tabs-tab {
    font-size: 12px;
    padding: 12px 4px 2px;
}

.tab--2VxhV .semi-tabs-tab.semi-tabs-tab-active {
    border-bottom-color: transparent;
}

.tab--2VxhV .semi-tabs-tab.semi-tabs-tab-active:after {
    content: "";
    width: 14px;
    height: 2px;
    background-color: #1c1f23;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
}

.tab--2VxhV .semi-tabs-tab:not(:last-of-type) {
    margin-right: 32px;
}

.load-more--26Or3 {
    font-size: 12px;
    background-color: #fff;
    padding: 16px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 36px;
    color: #0176f7;
}

.tooltip--1LRdn {
    font-size: 12px;
    background: #6b7075;
    padding: 8px 12px;
}

.anchor-checkbox--3ybaA {
    display: flex;
    margin-top: 8px;
}

.modal-content--Jzb8d {
    margin-left: -25px;
    height: 490px;
}

.init-info-text--1zBIB {
    width: 100%;
    padding: 10px 44px;
    font-size: 14px;
    color: #787980;
}

iframe {
    border: none;
}

.select--aayvP {
    display: block;
}

.select-dropdown--TOv5E {
    width: auto !important;
    max-width: 300px;
}

.select-dropdown--TOv5E .semi-select-loading-wrapper {
    text-align: center;
}

.option--2VBb0 {
    display: flex;
    min-width: 240px;
    padding: 6px 16px;
}

.anchor-item--3DQd4 .anchor-tag--6wnzV {
    display: inline-flex;
    height: 32px;
    align-items: center;
    padding: 4px 12px;
    padding-right: 4px;
    border-radius: 2px;
    background: #f4f5f5;
}

.anchor-item--3DQd4 .anchor-text--1Bjg6 {
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 230px;
}

.anchor-item--3DQd4 .divider--Yg91Q {
    height: 12px;
    width: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-right-width: 0;
    margin: 0 4px 0 6px;
}

.anchor-item--3DQd4 .anchor-icon--1m8Ma {
    display: inline-flex;
    height: 20px;
    width: 20px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    cursor: pointer;
}

.anchor-item--3DQd4 .anchor-desc--2auFu {
    font-size: 12px;
    line-height: 12px;
    color: rgba(51, 51, 51, 0.4);
    margin-top: 10px;
}

.anchor-item--3DQd4 .ant-select-selection:focus {
    border-color: #2e78f1;
    box-shadow: 0 0 0 1px #2e78f1;
}

.anchor-item--3DQd4 .ant-select-selection:hover {
    border-color: #2e78f1;
    box-shadow: 0 0 0 1px #2e78f1;
}

.anchor-item--3DQd4 .semi-select-clear {
    position: absolute;
    right: 0;
    top: 7px;
}

.dropdown--jdRbN {
    max-height: 250px;
    overflow: auto;
}

.dropdown--jdRbN .dropdown-header--3ccho {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin: 12px 16px 2px;
}

.dropdown-empty--1VkbO {
    height: 137px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dropdown-empty--1VkbO .desc-empty--xc0nC {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.55);
    margin-top: 10px;
}

.dropdown--jdRbN .ant-select-dropdown-menu {
    max-height: none;
}

.game_biz_mode--1gc8L .highlight--20HN7 {
    color: var(--color-primary);
}

.game_biz_mode_header--26thX {
    display: flex;
}

.game_biz_mode_header--26thX img {
    width: 48px;
    height: 48px;
    border-radius: 6px;
}

.game_biz_mode_header_detail--3wh8I {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
}

.game_biz_mode_header_detail_name--3myTP {
    display: inline-block;
    width: 300px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #252632;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.game_biz_mode_header_detail_extra--RkVus {
    margin-top: 4px;
    display: inline-block;
    width: 300px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.35);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.game_biz_mode_title--1Ia3v {
    padding: 0 12px;
    height: 44px;
    border-bottom: 1px solid #f2f2f4;
}

.game_biz_mode_title_text--2MrYi {
    display: inline-block;
    margin-top: 14px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.game_biz_mode_content--2LTL4 > div {
    padding: 12px;
    border-bottom: 1px solid #f2f2f4;
    position: relative;
    display: flex;
    align-items: center;
}

.game_biz_mode_content_radio--1kOGS {
    width: 16px;
    height: 16px;
}

.game_biz_mode_content_radio--1kOGS .semi-radio-inner {
    position: relative;
}

.game_biz_mode_content_radio--1kOGS .semi-radio-addon {
    margin-left: 12px;
    padding-left: 0;
}

.game_biz_mode_content_item--1rloj {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
}

.game_biz_mode_content_item_arrow--2od2d {
    width: 20px;
    display: flex;
    justify-content: end;
}

.game_biz_mode_content_item_name--1GcP5 {
    position: absolute;
    width: 372px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #252632;
    display: flex;
    justify-content: space-between;
}

.game_biz_mode_content_item_name--1GcP5 svg {
    fill: rgba(37, 38, 50, 0.35);
}

.game_biz_mode_content_item_extra--2686P {
    margin-top: 22px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.6);
}

.game_biz_mode_content_rule--Zdeuj {
    width: 100%;
    padding: 12px;
}

.game_biz_mode_content_rule--Zdeuj .rule_title--JUr9e {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgba(37, 38, 50, 0.8);
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X {
    margin-top: 8px;
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_title--z6ma8 {
    width: 400px;
    height: 42px;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_title--z6ma8 .left--1F3ie {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.8);
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_title--z6ma8 .right--3VqC9 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-primary);
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_condition--1MYiL {
    margin-top: 8px;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_condition--1MYiL
    .rule_content_condition_item--2pf_E {
    width: 400px;
    height: 42px;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f2f4;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_condition--1MYiL
    .rule_content_condition_item--2pf_E
    .left--1F3ie {
    position: relative;
    padding-left: 18px;
    display: inline-block;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.8);
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_condition--1MYiL
    .rule_content_condition_item--2pf_E
    .left--1F3ie::after {
    position: absolute;
    left: 6px;
    top: 50%;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    transform: translateY(-50%);
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_condition--1MYiL
    .rule_content_condition_item--2pf_E
    .right--3VqC9 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.6);
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_tip--3tdyG .rule_content_tip_item--1oGeY {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .rule_content_tip_item_title--3u7ZD {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.8);
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .rule_content_tip_item_text--12Dqw {
    display: inline-block;
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.6);
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .rule_content_tip_item_text--12Dqw
    .link--2wB2J {
    color: #168ef9;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .rule_content_tip_item_text--12Dqw
    .link--2wB2J:hover {
    color: #0e6ece;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .rule_content_tip_item_text--12Dqw
    .link--2wB2J:active {
    color: #0750a3;
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_tip--3tdyG .rule_content_tip_item--1oGeY ul {
    width: 380px;
}

.game_biz_mode_content_rule--Zdeuj .rule_content--tvH9X .rule_content_tip--3tdyG .rule_content_tip_item--1oGeY li {
    margin-top: 4px;
    position: relative;
    left: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    list-style-type: initial;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .salary_task_mode--2aeas {
    margin-top: 0px;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .salary_task_mode--2aeas
    li {
    list-style-type: decimal;
}

.game_biz_mode_content_rule--Zdeuj
    .rule_content--tvH9X
    .rule_content_tip--3tdyG
    .rule_content_tip_item--1oGeY
    .salary_task_mode--2aeas
    li:first-child {
    margin-top: 0px;
}
.open_game_access_condition_title--jVNtW {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #252632;
}

.open_game_access_condition_content--16Wn5 {
    margin-top: 12px;
}

.open_game_access_condition_item--1YzNN {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(37, 38, 50, 0.8);
    border-bottom: 1px solid #f2f2f4;
}

.open_game_access_condition_item_title--3Oe2l {
    display: flex;
    align-items: center;
}

.open_game_access_condition_item_title--3Oe2l svg {
    width: 20px;
    height: 20px;
    margin-right: 13px;
}

.open_game_access_condition_item_go--3zHAs {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(37, 38, 50, 0.6);
}

.open_game_access_condition_item_go--3zHAs span {
    display: inline-block;
    margin-right: 4px;
}

.open_game_access_condition_item_go--3zHAs svg {
    scale: 1.2;
}

.open_game_access_condition_item_success--v0f5d {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #13c15a;
}

.open_game_access_condition_item_success--v0f5d svg {
    width: 13px;
    height: 12px;
    margin-right: 4px;
    color: #13c15a;
}

.open_game_access_status_refresh--1M_PT {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.open_game_access_status_refresh--1M_PT svg {
    width: 14px;
    height: 14px;
    color: var(--color-primary);
}

.open_game_access_status_refresh--1M_PT span {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-primary);
}

.open_game_access_status_refresh_loading--1Gmnd {
    -webkit-animation: load--YE1It 0.5s infinite linear;
    animation: load--YE1It 0.5s infinite linear;
}

@-webkit-keyframes load--YE1It {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes load--YE1It {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.open_game_access_tip--1BucZ {
    margin-top: 12px;
    padding: 12px;
    background: #f9f9fa;
    border-radius: 4px;
}

.open_game_access_tip_title--sitXH {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #252632;
}

.open_game_access_tip_content--XDfPL {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.open_game_access_tip_content--XDfPL span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.6);
}

.open_game_access_tip_content--XDfPL a {
    color: rgba(37, 38, 50, 0.6);
}

.open_game_access_status--3OAkk {
    position: absolute;
    width: 402px;
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #252632;
}

.open_game_access_status_text--2GcZb {
    margin-left: 8px;
    display: inline-block;
    width: 378px;
}

.open_game_access_status_protocol--BTVwe {
    color: #168ef9;
    cursor: pointer;
}

.open_game_access_status_protocol--BTVwe:hover {
    color: #0e6ece;
}

.open_game_access_status_protocol--BTVwe:active {
    color: #0750a3;
}

.open_game_access_footer--2YtpY {
    display: flex;
    justify-content: end;
}

.open_game_access_footer--2YtpY button {
    width: 80px;
    border-radius: 3px;
}

.open_game_access_footer_btn_cancel--16yiz span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgba(37, 38, 50, 0.8);
}

.open_game_access_footer_btn_confirm--22IGF {
    margin-left: 12px;
    background: #ff2c55;
}

.open_game_access_footer_btn_confirm--22IGF span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.open_game_access_footer_btn_confirm--22IGF:hover {
    background-color: var(--color-primary-hover) !important;
}

.open_game_access_footer_btn_confirm_disable--1X-jb {
    background: #f2f2f4;
}

.open_game_access_footer_btn_confirm_disable--1X-jb span {
    color: rgba(37, 38, 50, 0.35);
}

.open_game_access_footer_btn_confirm_disable--1X-jb:hover {
    background-color: #f2f2f4 !important;
}

.name_verified_footer--uZtSD {
    display: flex;
    justify-content: center;
}

.name_verified_footer--uZtSD Button {
    width: 104px;
    margin-left: 12px;
    background: var(--color-primary);
}

.name_verified_footer--uZtSD Button span {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.name_verified_footer--uZtSD Button:hover {
    background-color: var(--color-primary-hover) !important;
}

.name_verified_method_img--25e-L {
    width: 512px;
    height: 233px;
}

iframe {
    border: none;
}

.game_handle_poster--26jkZ {
    min-width: 40px;
    height: 40px;
    border-radius: 4px;
}

.game_handle_search_option--15q8U {
    color: red;
    padding: 0;
}

.game_handle_search_option--15q8U .game_handle_search_option_content--XYB5e {
    position: relative;
    width: 100%;
    padding: 9px 12px 9px 30px;
    display: flex;
}

.game_handle_search_option--15q8U .semi-select-option:first-of-type {
    margin-top: 0;
}

.game_handle_search_option--15q8U .semi-select-option-icon {
    display: none;
}

.open_promote_access--7aMOp {
    padding: 6px 30px 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #168ef9;
    cursor: pointer;
}

.open_promote_access--7aMOp:hover {
    color: #0e6ece;
}

.open_promote_access--7aMOp:active {
    color: #0750a3;
}

.game_handle_detail--KI7HL {
    width: 100%;
    margin-left: 8px;
    overflow: hidden;
}

.game_handle_detail--KI7HL .game_handle_name--2_Fa7 {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    color: #252632;
}

.game_handle_detail--KI7HL .game_handle_name--2_Fa7 .game_handle_name_text--2KXT- {
    display: inline-block;
    width: 154px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.game_handle_detail--KI7HL .game_handle_name--2_Fa7 .game_handle_name_tag--2D6CK {
    width: 52px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(37, 38, 50, 0.6);
    background: #f9f9fa;
    border-radius: 4px;
}

.game_handle_detail--KI7HL .game_handle_extra--o6G_C {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: rgba(35, 35, 35, 0.6);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) .name--2zv_q {
    color: #fe2c55;
}

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) .name--2zv_q {
    color: #fe2c55;
}

.semi-select-option:first-of-type {
    margin-top: 0;
}

iframe {
    border: none;
}

.cart-item--1yDu0 {
    width: 100%;
    margin-bottom: 12px;
}

.cart-item--1yDu0 .cart-general--3W0h_ {
    display: flex;
}

.cart-item--1yDu0 .cart-warning--3E7R- {
    font-size: 12px;
    line-height: 17px;
    color: #f55656;
    margin-top: 9px;
    opacity: 1 !important;
}

.cart-item--1yDu0 .gray--1Lxhw {
    opacity: 0.3;
    cursor: not-allowed !important;
}

.cart-item--1yDu0 .info--d-cE8 {
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    color: #000;
}

.cart-item--1yDu0 .info--d-cE8 .title--1CUDZ {
    margin-bottom: 7px;
    cursor: pointer;
}

.cart-item--1yDu0 .info--d-cE8 .sub-title--Iuwa1 {
    margin-bottom: 2px;
}

.cart-item--1yDu0 .info--d-cE8 .title--1CUDZ .text--__grT {
    margin-left: 8px;
    vertical-align: middle;
}

.cart-item--1yDu0 .badge--15er5 {
    height: 18px;
    vertical-align: middle;
}

.cart-item--1yDu0 .operation--3BBjF {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-item--1yDu0 .operation--3BBjF .op-btn--3NNRa {
    margin-right: 8px;
}

.cart-item--1yDu0 .operation--3BBjF .op-btn--3NNRa:last-child {
    margin-right: 0;
}

.cart-item--1yDu0 .price--34dz9 {
    font-size: 13px;
    line-height: 18px;
    color: #161823;
}

.cart-item--1yDu0 .price--34dz9 .profit--2RmTp {
    margin-right: 8px;
}

.cart-item--1yDu0 .price--34dz9 .highlight--3syiT {
    color: #fe2c55;
}

.cover--2QUfa {
    width: 100px;
    height: 100px;
    border-radius: 2px;
    background-color: #ddd;
    flex: 0 0 100px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cover--2QUfa.draggable--2i0sJ {
    z-index: 1000;
}

.cover--2QUfa.clickable--1oLS6 {
    cursor: pointer;
}

.cover--2QUfa .badge--15er5 {
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 1px 8px;
    background: rgba(22, 24, 35, 0.5);
    border-radius: 2px;
}

.modal-icon--1GehV {
    line-height: 0;
    margin-right: 10px;
}

.modal-title--1cR8P {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #161823;
}

.modal-operation--2fLkB {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.modal-btn--3fTNP {
    padding: 6px 12px;
}

.modal-btn--3fTNP:first-child {
    margin-right: 12px;
}

.reason--2YYMz {
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

iframe {
    border: none;
}

.cart-part--2Ld4l.disabled--145tr {
    opacity: 0.34;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
}

.cart-part--2Ld4l.disabled--145tr * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
}

.cart-part--2Ld4l.disabled--145tr input {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
    pointer-events: none !important;
}

.input--df8J_ {
    position: relative;
}

.input-inner--31roA {
    width: 100%;
    height: 32px;
    border: none;
    background: rgba(46, 50, 56, 0.05);
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #161823;
}

.input-inner--31roA::-moz-placeholder {
    color: rgba(28, 31, 35, 0.6);
}

.input-inner--31roA:-ms-input-placeholder {
    color: rgba(28, 31, 35, 0.6);
}

.input-inner--31roA::placeholder {
    color: rgba(28, 31, 35, 0.6);
}

.input-inner--31roA.form--1Kayy {
    padding: 6px 80px 6px 12px;
}

.input-inner--31roA.modal--2Ekd8 {
    padding-right: 6px;
}

.input--df8J_ .cart-mybtn--1qpqI {
    line-height: 32px;
    position: absolute;
    right: 12px;
    color: #fe2c55;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

.input--df8J_ .cart-mybtn-disable--H-o7v {
    line-height: 32px;
    position: absolute;
    right: 12px;
    color: #a7abb0;
    cursor: not-allowed;
    font-weight: bold;
    font-size: 14px;
}

.note--2mQr2 {
    font-size: 14px;
    line-height: 20px;
    color: #6b7075;
    margin-bottom: 0;
}

.modal-title--26LCc {
    font-weight: bold;
    color: #252729;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 20px;
}

.modal-footer--1GDFQ {
    margin-top: 24px;
    float: right;
}

.modal-footer--1GDFQ .modal-btn--3n0r0 {
    padding: 6px 12px;
}

.modal-footer--1GDFQ .modal-btn--3n0r0:first-child {
    margin-right: 12px;
}

.modal-body--3ljWI .modal-item-title--sw4S3 {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #404346;
}

.modal-body--3ljWI .modal-item-title-sub--3YzmD {
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #404346;
}

.modal-body--3ljWI .modal-item-title-sub-sub--3i543 {
    font-weight: bold;
    margin-top: 36px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #404346;
}

.modal-body--3ljWI .modal-item-tip--2_y6g {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: rgba(28, 31, 35, 0.6);
    text-align: right;
    float: right;
}

.modal-body--3ljWI .imgs-container--2IwGZ {
    width: 100%;
    overflow-x: auto;
    display: flex;
}

.modal-body--3ljWI .imgs-container--2IwGZ > div {
    margin-right: 8px;
}

.modal-body--3ljWI .imgs-container--2IwGZ > div:last-child {
    margin-right: 0;
}

.modal-body--3ljWI .item-origin-title--1tpz0 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1c1f23;
}

.modal-body--3ljWI .modal-input--3UaJY {
    width: 100%;
    margin-bottom: 0 !important;
}

.modal-body--3ljWI .income--3hwQS {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    margin-bottom: 12px;
}

.modal-body--3ljWI .income--3hwQS .highlight--1RwYX {
    color: #fe2c55;
}

.modal-body--3ljWI .income--3hwQS .profit--2qrTY {
    margin-right: 8px;
}

.modal-body--3ljWI .item-info-container--2dsFr {
    cursor: pointer;
}

.input-title--qmaao .title-desc--eos37 {
    color: #fe2c55;
}

.input-title--qmaao .title-ending--2_27l {
    font-weight: normal;
    float: right;
    font-size: 12px;
    line-height: 17px;
    color: rgba(28, 31, 35, 0.6);
}

.modal-message-text--2SXwd {
    font-size: 14px;
    line-height: 20px;
    opacity: 0.8;
    color: #000;
    margin-top: 0;
    white-space: pre-wrap;
}

.modal-message--2NvNa .modal-btn--3n0r0 {
    width: 100%;
    height: 50px;
}

.modal-message--2NvNa .modal-row-btn--1rx_I {
    padding: 6px 24px;
    margin-left: 12px;
}

.modal-message--2NvNa .modal-title--26LCc {
    padding-bottom: 16px;
}

.modal-message--2NvNa .modal-footer--1GDFQ {
    margin-top: 40px;
}

.empty--asblP {
    width: 1px;
    height: 1px;
    padding-right: 1px;
    background-color: transparent;
}

.cart-goodlist-wrapper--3sXa3 {
    margin-left: -98px;
}

.cart-goodlist-wrapper--3sXa3.scheduled--3W8UT {
    margin-left: 0;
}

iframe {
    border: none;
}

.select--313zA {
    width: 104px;
    flex-shrink: 0;
}

.select--313zA.empty--Y8_uU {
    min-width: 112px;
}

.select--313zA .ant-select-selection__placeholder {
    color: #161823 !important;
}

.triangle--1o2jx {
    margin-top: 2px;
}

.anchor-part--36azU.disabled--3slFq {
    opacity: 0.34;
    cursor: not-allowed;
}

.anchor-container--3kLSP {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.anchor-container--3kLSP .anchor-component--1sCkA {
    margin-left: 8px;
    flex-grow: 1;
    min-width: 0;
}

.sub-title-global--1xg42 {
    width: 100%;
}

.header--285wX {
    display: flex;
    align-items: center;
    margin: 0 0 4px;
}

.header--285wX .title--2bS4J {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404346;
}

.header--285wX .icon--3YMyY {
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 24px 0 4px;
    margin-left: 4px;
}

.tooltip--2mbXS {
    max-width: 350px;
    background: #6b7075;
    padding: 8px 12px;
}

.tooltip--2mbXS .semi-icons-custom {
    color: #6b7075;
}

.sub-title-global--1xg42 {
    width: 100%;
}

.content--lwSUF {
    margin: 24px 0 0;
}

.required--1OZeY {
    color: #fa392f;
}

.title--3bhLp {
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: rgba(28, 31, 35, 0.8);
    display: flex;
    align-items: center;
}

.content-child--cGUw0 {
    width: 100%;
}

.tooltip--gJr1P {
    max-width: 350px;
    background: #6b7075;
    padding: 8px 12px;
}

.tooltip--gJr1P .semi-icons-custom {
    color: #6b7075;
}

.icon--em1pY {
    width: 14px;
    height: 14px;
    line-height: 14px;
    cursor: pointer;
    margin-left: 4px;
}

iframe {
    border: none;
}

.container--1VUAp {
    margin-top: 24px;
}

.container--1VUAp .header--3MI_X {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.container--1VUAp .header--3MI_X .title--1BLiH {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404346;
}

.container--1VUAp .header--3MI_X .icon--2j1Mi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.modal-header--28lJX {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.modal-header--28lJX .header--3MI_X {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #252729;
}

.modal-header--28lJX .icon--2j1Mi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.text--kuEI0 {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #1c1f23;
}

.semi-select-option-list .create-item {
    background: rgba(46, 50, 56, 0.05);
    height: 36px;
    width: 100%;
    padding-left: 32px;
    display: flex;
    align-items: center;
    color: #737577;
    cursor: pointer;
}

.semi-select-option-list .create-item .word {
    color: #0077fa;
    font-weight: bold;
}

.semi-select-option-list .select-word {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    color: #1c1f23;
}

.semi-select-option-list .select-word.more {
    max-width: 220px;
}

.semi-select-option-list .hot-count {
    font-size: 14px;
    line-height: 20px;
    color: rgba(28, 31, 35, 0.6);
}

.semi-select-option-list .semi-select-option-selected .hot-count {
    font-weight: normal;
}

.container--1sz3_ {
    width: 135px;
    height: 180px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.img--SS0lq {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.empty--DOBCw {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title--1otJF {
    margin-top: 10px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
}

.operation-container--3-gzb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
}

.operation--1Ill0 {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.operation--1Ill0 span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    height: 20px;
    display: block;
    cursor: pointer;
    flex: 1;
}

.line--33uzy {
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.4);
    flex: none;
}

.button--2QKaU:hover {
    color: rgba(255, 255, 255, 0.8);
}

.publish-title--3Kiue {
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    color: rgba(28, 31, 35, 0.9);
    border-bottom: 1px solid rgba(22, 24, 35, 0.06);
    margin-top: 30px;
    margin-bottom: 6px;
}

iframe {
    border: none;
}

.content--1jPdI {
    padding-top: 50px;
    margin: 0 auto;
}

.content-header--wH0Yn {
    height: 58px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin-bottom: 32px;
}

.content-header-title--1fPmS {
    font-size: 24px;
    color: #161823;
    margin-top: 32px;
    margin-bottom: 0;
    font-weight: 600;
}

.content-header--wH0Yn.hide-border--2-3Do {
    border-bottom: none;
}

.content-body--1dYWm {
    display: flex;
    justify-content: center;
}

.content-upload--3bPYH {
    width: 100%;
    background: rgba(46, 50, 56, 0.05);
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.content-desc-btns--1BtTi {
    margin: 10px 0;
}

.content-desc-btn--2NqVv:first-of-type {
    margin-right: 16px;
}

.content-confirm-container--2LD5l {
    margin: 64px 0 24px;
}

.cover-tip--2j7zr {
    font-size: 14px;
    line-height: 20px;
    color: #6b7075;
}

.uploader-divider--26RdZ {
    width: 1px;
    height: 56px;
    background-color: rgba(216, 216, 216, 0.1);
    margin: 0 32px;
}

iframe {
    border: none;
}

.card--3A3Bq {
    display: flex;
    font-size: 12px;
}

.card-info--1Rr7O {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    margin-left: 12px;
}

.card-info--1Rr7O.short-info---OnFk {
    min-width: 240px;
}

.card--3A3Bq .title--25yJr {
    color: #161823;
    line-height: 1.6;
}

.card-size--3BVAx {
    color: rgba(28, 31, 35, 0.55);
}

.card-op--1WSc4 {
    display: flex;
    align-items: flex-end;
    flex: 1;
    justify-content: space-between;
    color: rgba(28, 31, 35, 0.55);
}

.card-op-text--3eJL0 {
    color: #f55;
}

.card-op--1WSc4.flex-start--iEiaQ {
    justify-content: flex-start;
}

.card-op--1WSc4 .upload-local--3wEjT {
    margin-right: 12px;
}

.card-bottom--rpcMr {
    display: flex;
    align-items: flex-end;
    flex: 1;
}

.card--3A3Bq .fail-container--2Xcdr {
    display: flex;
    justify-content: space-between;
}

.op-buttons--2gcZb {
    display: flex;
}

.progress--2Pp9G {
    display: flex;
    align-items: center;
}

.progress--2Pp9G .text--3h55I {
    color: rgba(28, 31, 35, 0.6);
    margin-left: 8px;
}

.progress--2Pp9G .icon--1FzIj {
    cursor: pointer;
    margin-left: 18px;
}

.long-card--bd2RF {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    font-size: 12px;
    color: #161823;
    margin-top: 14px;
    margin-bottom: 32px;
    min-height: 70px;
}

.long-card--bd2RF .info-dom--1s7Rd {
    display: flex;
    justify-content: center;
}

.long-card--bd2RF .title--25yJr {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    margin: 0;
}

.long-card--bd2RF .title-container--3GxfC {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
}

.long-card--bd2RF .size-block--3ncMk {
    margin-left: 12px;
    color: rgba(28, 31, 35, 0.55);
}

.long-card--bd2RF .op-dom--3gzqr {
    display: flex;
    color: rgba(28, 31, 35, 0.55);
}

.long-card--bd2RF .fail-container--2Xcdr {
    display: flex;
    justify-content: space-between;
    width: 240px;
}

.long-card--bd2RF .btn-cut--20pTk {
    margin-left: 16px;
}

.text-success--mjFBJ {
    color: #4fdaba;
}

.text-fail--3adLL {
    color: #f55;
}

.line--3X_mt {
    width: 80px;
}

.upload-btn-input--U3NOe {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
}

.upload-mybtn--3apR8 {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: rgba(28, 31, 35, 0.6);
    cursor: pointer;
}

.upload-myicon--gYLb4 {
    position: relative;
    top: 1px;
    padding-right: 9px;
}

.clip-icon--w3_wY {
    position: relative;
    top: 3px;
    padding-right: 9px;
    padding-left: 33px;
}

@-webkit-keyframes spin--2147i {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin--2147i {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.text-btn--1GSlW {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
}

.disabled--2On0a {
    opacity: 0.4;
    cursor: auto;
}

.btns-right--kA-2S {
    margin-left: auto;
}

.btn-margin-right--jQ-bV {
    margin-right: 15px;
}

.margin-icon--36-7M {
    margin-right: 6px;
}

.fail-container--2Xcdr {
    display: flex;
    width: 150px;
    justify-content: flex-end;
}

.mycard--1iqvQ {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: rgba(28, 31, 35, 0.8);
    width: 100%;
    padding: 8px 22px 8px 8px;
}

.mycard-info--2U9aY {
    display: inline-block;
    margin-left: 10px;
    margin-right: 22px;
    line-height: 48px;
}

.mycard-info-text--3kiZQ {
    line-height: 48px;
    float: right;
}

.mycard-info-text-span--q74oh {
    color: rgba(28, 31, 35, 0.6);
    cursor: pointer;
}

.mycard-info-text-disable--2zWzx {
    color: rgba(28, 31, 35, 0.3);
    cursor: not-allowed;
}

.mycard--1iqvQ .mycard-info-text-icon--2RJZL {
    padding-right: 9px;
    position: relative;
    top: 2px;
}

.imgDel--3RYE1 {
    width: 36px;
    height: 36px;
    vertical-align: middle;
}

iframe {
    border: none;
}

.cover--3hxUp {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 36px;
    height: 48px;
    background-color: rgba(51, 51, 51, 0.3);
    border-radius: 2px;
    background-repeat: no-repeat;
    float: left;
}

.cover--3hxUp.clickable--3jGUg {
    cursor: pointer;
}

.cover-layer--E_iBl {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.cover-tag--3t3nS {
    padding: 1px 4px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    border-radius: 2px 0;
    border: 0.5px solid rgba(40, 26, 3, 0.1);
    box-sizing: border-box;
    box-shadow: 0 -1px 2px rgba(40, 26, 3, 0.1);
    border-radius: 2px 0;
    background: #ff004f;
}

.cover-tag--3t3nS.main--1ix0A {
    background: #ff004f;
}

.cover-tag--3t3nS.sub--3WC7r {
    background: #f7981c;
}

.cover-banner--1iSKw {
    position: absolute;
    background-color: rgba(51, 51, 51, 0.8);
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 10px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cover-loading--1AgDk {
    position: relative;
    -webkit-animation: spin--1r3ct 1s infinite linear;
    animation: spin--1r3ct 1s infinite linear;
}

iframe {
    border: none;
}

.radio--4Gpx6 {
    font-size: 14px;
    color: #161823;
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px 12px;
    background: #f8f9f9;
    border-radius: 3px;
    margin-right: 8px;
    color: #121225;
    font-weight: bold;
    width: 132px;
}

.radio--4Gpx6.disabled--2Xrjo {
    opacity: 0.5;
    cursor: not-allowed;
}

.radio-native--29u9r {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radio-icon--MzO6M {
    margin-right: 8px;
}

.container--35IE_ {
    background: rgba(46, 50, 56, 0.05);
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 12px 22px 12px 12px;
    display: flex;
    justify-content: space-between;
    color: rgba(28, 31, 35, 0.8);
    font-weight: 700;
    font-size: 14px;
}

.container-del--z4-j2 {
    padding: 12px;
}

.container-left--29fYy {
    display: flex;
    align-items: center;
}

.container-right--CcVcT {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.audio-control--1FSrl {
    cursor: pointer;
}

.icon--335wN {
    margin-right: 9px;
}

.action--1w7FL {
    color: rgba(28, 31, 35, 0.6);
    margin-top: 9px;
}

.desc--14I7W {
    margin-left: 8px;
    color: rgba(28, 31, 35, 0.8);
    font-size: 14px;
    display: flex;
    align-items: flex-end;
    font-weight: 500;
}

.sub-desc-title--1PG1O {
    max-width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.sub-desc-duration--1XD7R {
    font-size: 12px;
    color: rgba(35, 35, 35, 0.6);
    margin-left: 8px;
    font-weight: 400;
}

.del--1IR1j {
    padding-left: 8px;
    cursor: pointer;
    border-left: 1px solid #d9d9d9;
    margin-left: 16px;
    display: flex;
}

.del--1IR1j:hover img {
    color: red;
}

.empty--1v_cq {
    font-size: 14px;
    color: rgba(28, 31, 35, 0.8);
    text-align: center;
}

.audio-type-container--2ehb1 {
    overflow: hidden;
}

.audio-search--cnBcX {
    margin: 16px 0;
}

.input-prefix--3jFnj {
    padding: 0 8px;
}

.audio-type-container--1fPn5 {
    display: flex;
    flex-wrap: wrap;
}

.tabs--fODzT {
    width: 100%;
}

.empty--j5Ktn {
    margin-top: 20px;
}

.audio-collection-container--vsNR7 {
    margin-top: 8px;
    overflow-y: scroll;
}

.hide--2ENGo {
    display: none;
}

.card-container--R9lQQ {
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 8px;
}

.card-container--R9lQQ:hover {
    background-color: rgba(56, 46, 49, 0.05);
}

.card-container--R9lQQ:hover .card-container-right--27Zyh {
    transform: translateX(-7px);
}

.card-wrapper--34Rwa {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.card-container-active--3fEiR {
    background: rgba(56, 46, 49, 0.09);
}

.card-container-left--16wpx {
    display: flex;
    align-items: center;
}

.card-container-right--27Zyh {
    display: flex;
    align-items: center;
    transition: all 0.3s;
    transform: translateX(61px);
}

.img-container--2pgQN {
    width: 32px;
    height: 32px;
    position: relative;
}

.img-container--2pgQN img {
    position: absolute;
    left: 0;
    top: 0;
}

.audio-info--29twv {
    margin-left: 12px;
}

.audio-name--1pcKD {
    color: rgba(28, 31, 35, 0.8);
    font-weight: 500;
    font-size: 14px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.audio-author--nrVjH {
    color: rgba(28, 31, 35, 0.35);
    font-size: 12px;
}

.time--tbp0E {
    color: rgba(28, 31, 35, 0.35);
    font-size: 12px;
    margin-right: 16px;
}

.audio-container--3kY54 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 24px;
    display: flex;
    background: #fff;
    box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.05);
    align-items: center;
    justify-content: space-between;
    transform: translateY(78px);
    transition: all 0.2s ease-out;
}

.audio-container-active---tO-I {
    transform: translateY(0px);
}

.audio-control--2jc4H {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: scale(1.5);
}

.audio-info--1AiPm {
    padding: 0 6px;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 14px;
    color: rgba(28, 31, 35, 0.8);
    width: 260px;
    justify-content: space-around;
    height: 46px;
    overflow: hidden;
}

.audio-info--1AiPm span {
    font-size: 12px;
    color: rgba(28, 31, 35, 0.35);
    margin-right: 8px;
}

.audio-name--1DcNe {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.semi-slider {
    padding: 0 2px;
}

.audio-slider-play {
    height: 12px;
}

.audio-slider-play .semi-slider-rail {
    top: 0;
}

.audio-slider-play .semi-slider-track {
    top: 0;
}

.audio-slider-play .semi-slider-handle {
    width: 12px;
    height: 12px;
    margin-top: -4px;
}

.volume-slider .semi-slider-handle {
    margin-left: -2px;
    width: 8px;
    height: 8px;
}

.contain--elDlB .footer--LeWl8 {
    position: absolute;
    z-index: 10;
    height: 120px;
    width: 100%;
    bottom: 0;
}

.contain--elDlB .footer--LeWl8 .footer-text--HkU7c {
    z-index: 20;
    position: absolute;
    width: 64px;
    height: 20px;
    left: 50%;
    top: 76px;
    transform: translate(-50%, 0);
    background: rgba(41, 41, 41, 0.34);
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    text-align: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
}

.contain--elDlB .mid--3soe6 {
    height: 540px;
    width: 960px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contain--elDlB .mid--3soe6 .image--1K3wr {
    max-width: 100vw;
    position: relative;
    height: 100%;
    width: 100%;
}

.contain--elDlB .mid--3soe6 .loading--20ZxV {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contain--elDlB .mid--3soe6 .loading--20ZxV img {
    -webkit-animation: circle--2BWws 1s infinite linear;
}

@-webkit-keyframes circle--2BWws {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.contain--elDlB .mid--3soe6 .show--gGnIg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contain--elDlB .mid--3soe6 .show--gGnIg img {
    -o-object-fit: cover;
    object-fit: cover;
}

.contain--elDlB .mid--3soe6 .error--1sgqy {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contain--elDlB .left--2O0km {
    position: absolute;
    z-index: 2;
    height: 300px;
    top: 50%;
    transform: translate(0, -50%);
    width: 200px;
    left: 0;
}

.contain--elDlB .left--2O0km .left-button--14A4w {
    margin-left: 20px;
    transform: translate(0, -50%);
    margin-top: 134px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.contain--elDlB .left--2O0km .left-button--14A4w:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.contain--elDlB .left--2O0km .left-button--14A4w:active {
    background-color: rgba(0, 0, 0, 0.7);
}

.contain--elDlB .right--h6LOj {
    position: absolute;
    z-index: 2;
    height: 300px;
    width: 200px;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
}

.contain--elDlB .right--h6LOj .right-button--FDvWp {
    margin-top: 134px;
    margin-left: 132px;
    transform: translate(0, -50%);
    right: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.contain--elDlB .right--h6LOj .right-button--FDvWp:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.contain--elDlB .right--h6LOj .right-button--FDvWp:active {
    background-color: rgba(0, 0, 0, 0.7);
}

.back-bg--kL7_j {
    background-color: rgba(0, 0, 0, 0.5);
}

.container--1i1GM {
    width: 79px;
    height: 105px;
    position: relative;
    margin: 0 0px 12px 0;
    border-radius: 3px;
    overflow: hidden;
    cursor: move;
}

.container--1i1GM:hover .operator-button--3yWPx {
    display: flex;
}

.container--1i1GM:hover .del--qKGtx {
    display: block;
}

.img--jbdVV {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 50, 56, 0.05);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.drag-img--lXrME {
    opacity: 0.2;
}

.drag-img-active--1eNOg {
    opacity: 0.85;
}

.operator--13MpY {
    position: relative;
    display: none;
}

.operator-button--3yWPx {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: space-around;
    width: 100%;
    height: 26px;
    background: rgba(28, 31, 35, 0.8);
    padding: 4px 0px;
}

.operator-button--3yWPx span {
    line-height: 18px;
    flex: 1;
    font-size: 12px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: 0.8;
}

.operator-button--3yWPx span:hover {
    opacity: 1;
}

.drag--3VK8Z {
    display: none !important;
}

.line--7PBaO {
    position: absolute;
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.4);
    left: 50%;
    top: 8px;
}

.del--qKGtx {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}

.upload--35s7i {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
}

.upload--35s7i .semi-progress {
    width: 100%;
}

.upload-opacity--3iRV9 {
    background-color: rgba(0, 0, 0, 0.5);
}

.reload--2RTpD {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container--1gv67 {
    display: flex;
    flex-wrap: wrap;
    max-height: 247px;
    overflow: overlay;
    padding: 0;
    position: relative;
}

.info--3oi0b {
    font-size: 14px;
    line-height: 20px;
    color: #6b7075;
}

.continue-add--19EOV {
    margin-left: 8px;
    line-height: 20px;
    color: #0777ff;
    cursor: pointer;
    font-weight: 500;
}

.drop-container--gKP1W {
    width: 11px;
    height: 105px;
    position: relative;
    opacity: 0;
}

.drop-container--gKP1W img {
    bottom: -3px;
    position: absolute;
}

.drop-active--1G8WT {
    opacity: 1;
}

.drop--_Cbh0 {
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -10.5px;
    top: 0;
    width: 32px;
    height: 105px;
}

.drag-img--1bv4y {
    width: 77px;
    height: 105px;
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.85;
    border-radius: 3px;
}

.drag-layer--Wwnxl {
    cursor: move;
    position: fixed;
    pointer-events: none;
    z-index: 100;
    left: 0;
    top: 0;
}

iframe {
    border: none;
}

.schedule-part--3kPl6.disabled--35j94 {
    opacity: 0.3;
    cursor: not-allowed;
}

.schedule-part--3kPl6.inline-title-container--3nU4b {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.schedule-part--3kPl6.inline-title-container--3nU4b .inline-title--3qW0b {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: rgba(22, 24, 35, 0.5);
    margin-right: 16px;
    white-space: nowrap;
}

.date-picker--3p0MG {
    display: inline-flex;
}

.date-picker-input--3nhot {
    border: 2px solid #000;
}

.date-picker--3p0MG .date--2nUWe {
    width: 112px;
    margin-right: 8px;
}

.date-picker--3p0MG .time--iFG1d {
    width: 112px;
}

.date-picker--3p0MG .time--iFG1d .ant-time-picker-panel-select-option-selected {
    color: #ff004f;
}

.date-picker--3p0MG .semi-input-wrapper {
    background: #f4f5f5;
}

.semi-scrolllist-list-outer {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.semi-scrolllist-list-outer::-webkit-scrollbar {
    display: none;
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
    padding-right: 0;
}

.row--2ovPW {
    display: flex;
    height: 32px;
}

.row--2ovPW .one-line--3AdUX {
    white-space: nowrap;
}

.date-cell--2kJZh {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    padding: 0;
    color: #ff004f;
    line-height: 22px;
    text-align: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.date-cell--2kJZh:hover {
    cursor: pointer;
}

.date-cell--2kJZh:active {
    background-color: #ff004f;
    cursor: pointer;
    color: #fff;
}

.date-cell--2kJZh.date-selected--ON_TV {
    background-color: #ff004f;
    color: #fff;
}

.date-cell--2kJZh.date-disabled--2iiTV {
    color: rgba(51, 51, 51, 0.3);
    cursor: not-allowed;
}

.date-cell--2kJZh.date-disabled--2iiTV:hover {
    background-color: transparent;
    cursor: not-allowed;
}

.radio-first--q60m- {
    padding-left: 0;
}

.publish-time--TNTu9 {
    font-size: 14px;
    line-height: 20px;
    color: #404346;
    font-weight: bold;
    margin-bottom: 5px;
}

.container--2urnP {
    position: relative;
}

.popover--1dljE {
    border-radius: 8px;
}

.content--3A6ui {
    height: 20px;
    line-height: 20px;
    color: #252632;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.icon--1si6O {
    margin-left: 8px;
    cursor: pointer;
}

.highlight--2_rWJ {
    position: absolute;
    right: 25px;
    top: 5.5px;
    cursor: pointer;
    white-space: nowrap;
}

.highlight--2_rWJ:hover path {
    fill: var(--color-text-2);
}

.highlight-red--2O3sm {
    background-color: red;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 14px;
    top: -3px;
}

iframe {
    border: none;
}

.mix-sel-wrap--DB-9D {
    color: #161823;
}

.mix-sel-wrap-disabled--oYlcx {
    opacity: 0.3;
}

.mix-sel-wrap--DB-9D .title--YnfQm {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.mix-sel-wrap--DB-9D .title-sub--3mW1Z {
    font-size: 12px;
    line-height: 12px;
    color: rgba(51, 51, 51, 0.4);
}

.mix-sel-wrap--DB-9D .sel-area--3NdXc {
    display: flex;
    white-space: nowrap;
}

.mix-sel-wrap--DB-9D .sel-mix--2ByR- {
    max-width: 350px;
}

.mix-sel-wrap--DB-9D .sel-order--10VdE {
    margin-left: 12px;
}

.mix-sel-wrap--DB-9D .sel-order--10VdE .ant-select-dropdown-menu-item-selected {
    color: #ff004f;
}

.option--2yYPG {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
}

.option-left--qQCnI {
    display: flex;
    width: 168px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    font-size: 0;
}

.option-img-wrapper--1MPz8 {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 8px;
}

.option-img--Y-rbl {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid rgba(22, 24, 35, 0.06);
}

.option-title--KY12k {
    color: #161823;
    font-size: 14px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.option--2yYPG:hover {
    background-color: #fff !important;
}

.option--2yYPG:hover .option-title--KY12k {
    color: #ff004f;
}

.option-num--agDBR {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.5);
    margin-left: 25px;
}

.option--2yYPG:last-child {
    padding-bottom: 16px;
}

.option__uncheck--a2IJ3 {
    padding-top: 16px;
    color: #161823;
}

.triangle--1R2TV {
    margin-top: 2px;
}

.mix-dropdown,
.mix-order-dropdown {
    max-height: 260px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    border: 1px solid rgba(51, 51, 51, 0.06) !important;
}

.mix-dropdown .ant-select-dropdown-menu-item-selected,
.mix-order-dropdown .ant-select-dropdown-menu-item-selected {
    font-weight: normal;
    background: #fff;
}

.mix-dropdown .ant-select-dropdown-menu-item-selected div > span,
.mix-order-dropdown .ant-select-dropdown-menu-item-selected div > span {
    color: #ff004f;
}

.mix-order-dropdown .ant-select-dropdown-menu-item:hover {
    color: #ff004f;
}

.mix-order-dropdown .ant-select-dropdown-menu-item-selected {
    color: #ff004f;
}

.select-mix-type--2fChz {
    width: 104px;
    margin-right: 12px;
}

iframe {
    border: none;
}

.title--3o9XG > div:first-child {
    width: 870px;
    margin: 0 auto 24px;
}

.content--3eumz {
    margin: 0 auto;
}

.content-header--I0Czt {
    height: 58px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin-bottom: 32px;
}

.content-header-title--3MFn4 {
    font-size: 24px;
    color: #161823;
    margin-top: 32px;
    margin-bottom: 0;
    font-weight: 600;
}

.content-body--1ae6Q {
    display: flex;
    justify-content: center;
}

.content-upload--iA0OH {
    display: flex;
}

.content-desc-btns--Hb_oC {
    margin: 10px 0;
}

.content-desc-btn--NQntl:first-of-type {
    margin-right: 16px;
}

.content-confirm-container--anYOC {
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
}
.publishButton {
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    background: var(--gradientBG);
    text-align: center;
    color: var(--white);
    background-size: 300% 300%;
    animation: gradientBG 10s ease infinite;
}
.cancelButton {
    margin-left: 12px;
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    background: linear-gradient(-90deg, #1a1918, #e73c7e, #2323d5, #495a56);
    text-align: center;
    color: var(--white);
    background-size: 300% 300%;
    animation: gradientBG 10s ease infinite;
}

.content-mytitle--3kDM3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #404346;
}

.form--3R0Ka {
    width: 552px;
    margin-right: 48px;
}

.form--3R0Ka .star-btn--1M0mW {
    display: flex;
    justify-content: space-between;
    border-radius: 2px;
    padding: 0 8px 0 12px;
    width: 125px;
    height: 32px;
    line-height: 32px;
    align-items: center;
    color: #1c1f23;
    background: rgba(46, 50, 56, 0.05);
    font-size: 14px;
    width: 100%;
}

.form--3R0Ka .star-btn--1M0mW .iconUpload--26g7w {
    width: 12px;
    height: 12px;
}

.form--3R0Ka .star-btn--1M0mW .desc--1c8YR {
    padding-left: 5px;
    font-size: 14px;
    color: #161823;
}

.form--3R0Ka .star-btn-active--2jd-T {
    cursor: pointer;
    border: 1px solid #fff;
}

.form--3R0Ka .star-btn-active--2jd-T:active {
    border: 1px solid #0077fa;
}

.form--3R0Ka .reload--CLURg {
    margin-right: 8px;
    margin-top: 8px;
    padding: 2px 12px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #6b7075;
    background: rgba(46, 50, 56, 0.05);
    border-radius: 3px;
    cursor: pointer;
}

.form--3R0Ka .delete--xkojf {
    margin-top: 8px;
    padding: 2px 12px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #6b7075;
    background: rgba(46, 50, 56, 0.05);
    border-radius: 3px;
    cursor: pointer;
}

.form--3R0Ka .margin-icon--17M8b {
    margin-right: 4px;
}

.form--3R0Ka .star-wrapper--3KCpP.disabled--SmcZ2 {
    opacity: 0.34;
    cursor: not-allowed;
}

.preview--3IyF7 {
    max-height: 700px;
}

.preview-text--SQ3Hc {
    text-align: center;
    max-width: 245px;
}

.preview--3IyF7 .preivew-sub--3cpv_ {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: rgba(22, 24, 35, 0.75);
    justify-content: center;
}

.uploader--3frmb {
    display: flex;
}

.uploader-cover--22Wws {
    width: 42px;
    height: 56px;
    background-color: rgba(51, 51, 51, 0.3);
}

.uploader-title--2-hAW {
    font-size: 12px;
    color: #161823;
}

.uploader-size--3pz8F {
    font-size: 12px;
    color: rgba(28, 31, 35, 0.55);
}

.uploader-divider--13jel {
    width: 1px;
    height: 56px;
    background-color: rgba(216, 216, 216, 0.1);
    margin: 0 32px;
}

.line--hHWXm {
    width: 100px;
}

.title-upload--3Qg2k {
    margin: 0 0 16px;
}

.text-area--1gH6I {
    border-radius: 2px;
    border: solid 1px rgba(51, 51, 51, 0.15);
    resize: none;
    padding: 12px;
    font-size: 12px;
    line-height: 1.3;
}

.text-area--1gH6I::-moz-placeholder {
    color: rgba(28, 31, 35, 0.55);
}

.text-area--1gH6I:-ms-input-placeholder {
    color: rgba(28, 31, 35, 0.55);
}

.text-area--1gH6I::placeholder {
    color: rgba(28, 31, 35, 0.55);
}

.avatar-uploader {
    width: 20%;
    /* cursor: pointer; */
    border-width: 2rem;
    border-style: dotted;
    border-color: grey;
    border-image-source: url("../../../assets/file/Snipaste_2023-12-08_12-40-08.png");
    border-image-repeat: repeat;
    border-image-slice: 650 175;
}

.avatar-uploader .el-upload {
    border-radius: 6px;

    position: relative;
    overflow: hidden;
    transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
    border-color: rgba(0, 0, 0, 0.177);
}

.el-icon.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    text-align: center;
}
p {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


